Learn VBA & Macros in 1 Week!

JavaScript - I Would Like My Current Pop Under Code To Work Once Per Hour

Full Excel VBA Course - Beginner to Expert

I Would Like My Current Pop Under Code To Work Once Per Hour	View Content

Hi,my current pop under code works ever 24hrs,but I would like to change it to work every hour,and/or to work every time a member clears his cookies.If I am not explaining this correctly please let me know and I will try to correct this.

Code:

function setCookie(name, value, time)
   {
       var expires = new Date();
       
       expires.setTime( expires.getTime() + time );
       
       document.cookie = name + '=' + value + '; expires=' + expires.toGMTString();
   }

Any help with this would be greatly appreciated!!

Mike

Edit:If you need me to post the whole code I have no prob with this.I only posted this part because I thought the issue would be in var expires = new Date();. Just want to know what should I change it to? Here is the whole code.

Code:

<script type="text/javascript">
   var puShown = false;

   function doOpen(url)
   {
           if ( puShown == true )
           {
                   return true;
           }

           win = window.open(url, 'wmPu', 'toolbar,status,resizable,scrollbars,menubar,location,height=700,width=1100');
           if ( win )
           {
                   win.blur();
                   puShown = true;
           }
           return win;
   }
   
   
   function setCookie(name, value, time)
   {
       var expires = new Date();
       
       expires.setTime( expires.getTime() + time );
       
       document.cookie = name + '=' + value + '; expires=' + expires.toGMTString();
   }
   
   
   function getCookie(name) {
       var cookies = document.cookie.toString().split('; ');
       var cookie, c_name, c_value;
       
       for (var n=0; n<cookies.length; n++) {
           cookie  = cookies[n].split('=');
           c_name  = cookie[0];
           c_value = cookie[1];
           
           if ( c_name == name ) {
               return c_value;
           }
       }
       
       return null;
   }


   function initPu()
   {
           if ( document.attachEvent )
           {
                   document.attachEvent( 'onclick', checkTarget );
           }
           else if ( document.addEventListener )
           {
                   document.addEventListener( 'click', checkTarget, false );
           }
   }
   
   
   function checkTarget(e)
   {
       if ( !getCookie('popundr') ) {
           var e = e || window.event;
           var win = doOpen('My Site Name Here/');
           
           setCookie('popundr', 1, 24*60*60*1000);
       }
   }

   initPu();
</script>

I do know that most of you hate pop ups and pop unders,but this is not to annoy my users.I am just using this to promote another site that I own..Thanks again.

Full Excel VBA Course - Beginner to Expert

Stop 24 Hour Javascript Clock Continuing Past 24th Hour

Similar Tutorials

View Content

Hi,

I have a webpage with a world clock.

On the clock page are 12 buttons (World Cities). When the user clicks these buttons. The time for the relevant world city is displayed. (The time is updated by an on.click function for each individual button. That either subtracts or adds the hours from GMT. For example. If the time is GMT 18:00:00. The user clicks the Paris button and the function adds 1 hour to result in 19:00:00)

However. If the GMT time is for example 21:00:00 and the user clicks the Tokyo button (GMT+9 hours). The time displayed is 30:00:00.

So I have been trying to work out how I can stop the time adding past 23:59:59.

This is probably so simple which is probably why I cant find any help online. It has stumped me and any help would be appreciated.

I have copied and pasted my code below in the hope that helps. Thanks in advance if you can offer any advice.

Code:

<script>
	  

function start() {
  GMToffset = 0;
  t=setInterval('digitalclock()',500);
}

function digitalclock()
{
var today=new Date();
var hours=today.getHours() + GMToffset;
var minutes=today.getMinutes();
var seconds=today.getSeconds();
minutes=checkTime(minutes);
seconds=checkTime(seconds);
hours=checkTime(hours);
document.getElementById('txt').innerHTML=hours+":"+minutes+":"+seconds;
}

function checkTime(i)
{
if (i<10)
  {
  i="0" + i;
  }
return i;
}

function updatetime1() {
  GMToffset = -3; 
}

function updatetime2() {
  GMToffset = -4; 
}

function updatetime3() {
  GMToffset = -7; 
}

function updatetime4() {
  GMToffset = -10; 
}

function updatetime5() {
  GMToffset = -11; 
}

function updatetime6() {
  GMToffset = -13; 
}

function updatetime7() {
  GMToffset = +9; 
}

function updatetime8() {
  GMToffset = +8; 
}

function updatetime9() {
  GMToffset = +7; 
}

function updatetime10() {
  GMToffset = +1; 
}

function updatetime11() {
  GMToffset = +0; 
}

function updatetime12() {
  GMToffset = +3; 
}

</script>

<div align="center">
<input type="button" onclick="updatetime1()" value="Time in Buenos Aires" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime2()" value="Time in New York" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime3()" value="Time in San Francisco" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" /><br>
<input type="button" onclick="updatetime4()" value="Time in Hawaii" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime5()" value="Time in Fiji" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime6()" value="Time in Sydney" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" /><br><br>

<body onload="start()">
<div id="txt"></div>

</div>

<div align="center">
<input type="button" onclick="updatetime7()" value="Time in Tokyo" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime8()" value="Time in Hong Kong" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime9()" value="Time in Bangkok" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" /><br>
<input type="button" onclick="updatetime10()" value="Time in Rome" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime11()" value="Time in London" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />
<input type="button" onclick="updatetime12()" value="Time in Moscow" style="color: #07c; font-family: Arial; font-size: 12px; height: 20px; width: 250px;" />

Add 1 Hour To Drop Down Menu?

Similar Tutorials

View Content

I have calendars on my site where tenants can make reservations for shared rooms. The start times are listed in a drop down starting at 8am and going through 5pm at one hour intervals. What I'd like to be able to do is make the drop down be populated 1 hour from the current time. For example, if it is 8 now, I'd like the time in the drop down to start at 9. Is this something that's possible or wishful thinking?

Hour Comparision Help (hopefully Quite Basic)

Similar Tutorials

View Content

Hi,
I have the following code which *should* change the image I have on my webpage to images based on the time.
Code:

function timeDate() {
  var t=new Date();
  var h = d.getHours();
  var r1="images/datetime/1.png";
  var r2="images/datetime/2.png";
  var r3="images/datetime/3.png";
  var r4="images/datetime/4.png";
  var r5="images/datetime/5.png";
  var r6="images/datetime/6.png";
  var r7="images/datetime/7.png";
  var r8="images/datetime/8.png";
  var r9="images/datetime/9.png";
  var r10="images/datetime/10.png";
  var r11="images/datetime/11.png";
  var r12="images/datetime/12.png";
  var r13="images/datetime/13.png";
  var r14="images/datetime/14.png";
  var r15="images/datetime/15.png";
  var r16="images/datetime/16.png";
  var r17="images/datetime/17.png";
  var r18="images/datetime/18.png";
  var r19="images/datetime/19.png";
  var r20="images/datetime/20.png";
  var r21="images/datetime/21.png";
  var r22="images/datetime/22.png";
  var r23="images/datetime/23.png";
  var r24="images/datetime/00.png";
  var el=document.getElementById('hours');

  el.src = (h == 1) r1;
  el.src = (h == 2) r2;
  el.src = (h == 3) r3;
  el.src = (h == 4) r4;
  el.src = (h == 5) r5;
  el.src = (h == 6) r6;
  el.src = (h == 7) r7;
  el.src = (h == 8) r8;
  el.src = (h == 9) r9;
  el.src = (h == 10) r10;
  el.src = (h == 11) r11;
  el.src = (h == 12) r12;
  el.src = (h == 13) r13;
  el.src = (h == 14) r14;
  el.src = (h == 15) r15;
  el.src = (h == 16) r16;
  el.src = (h == 17) r17;
  el.src = (h == 18) r18;
  el.src = (h == 19) r19;
  el.src = (h == 20) r20;
  el.src = (h == 21) r21;
  el.src = (h == 22) r22;
  el.src = (h == 23) r23;
  el.src = (h == 24) r24;
}

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
  timeDate();
});

I am a very new to JavaScript, and I don't know why this won't work. It should compare the hour variable (h) to the hour, and then change the image based on that. However it doesn't do this, and I'm not sure why. I've tried using both = and ==, but neither seem to work. Like I said I am a newbie to this sort of stuff.

Can anyone point me in the right direction to fixing this? Also, would there be a way of making the el.src to: "images/timedate/"+[the hour]+".png" without the need of directly comparing the hours? It would be useful if it was possible, as I need to do a minutes one as well

Thank you very much in advance

This Code Does Not Work..

Similar Tutorials

View Content

For some reason it does not work. It should when a player value is = NaN than the players NaN value should be equal to the players value before he was NaN
Code:

<script type="text/javascript">
function start(){
var t=setTimeout("roll()",500);
var t=setTimeout("p11()",1000);
var t=setTimeout("roll()",3001);
var t=setTimeout("p12()",4002);
var t=setTimeout("roll()",5003);
var t=setTimeout("p13()",6004);
var t=setTimeout("roll()",7005);
var t=setTimeout("p14()",8006);
var t=setTimeout("roll()",9006);
var t=setTimeout("start()",9007);
}

function roll(){
var a = randoma=Math.floor(Math.random()*7);
var b = randomb=Math.floor(Math.random()*7);
document.getElementById("r1").value = a;
document.getElementById("r2").value = b;
}
</script>
<script type="text/javascript">
function p11(){
if (document.getElementById("r1").value == document.getElementById("r2").value )
  {
document.getElementById("n1").value == document.getElementById("p1").value ;
document.getElementById("p1").value = "NaN";
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
  }
if (document.getElementById("r1").value < document.getElementById("r2").value )
  {
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
  }
if (document.getElementById("r1").value > document.getElementById("r2").value )
  {
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
  }
  }
    </script>
  <script type="text/javascript">
  
  function p12(){
 if (document.getElementById("r1").value == document.getElementById("r2").value )
  {
  document.getElementById("n2").value == document.getElementById("p2").value ;
document.getElementById("p2").value = "NaN";
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
  }
if (document.getElementById("r1").value < document.getElementById("r2").value )
  {

document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
  }
 if (document.getElementById("r1").value >  document.getElementById("r2").value )
  {
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
  } 
 }
    </script>
  <script type="text/javascript">
  
  function p13(){
  if (document.getElementById("r1").value == document.getElementById("r2").value )
  {
  document.getElementById("n3").value == document.getElementById("p3").value ;
document.getElementById("p3").value = "NaN";
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
  }
if (document.getElementById("r1").value < document.getElementById("r2").value )
  {
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
  }
if (document.getElementById("r1").value > document.getElementById("r2").value )
  {
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
  } 
  }
  </script>
  <script type="text/javascript">
  
  function p14(){
 if (document.getElementById("r1").value == document.getElementById("r2").value )
  {
document.getElementById("n4").value == document.getElementById("p4").value ;
document.getElementById("p4").value = "NaN";
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p2").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p3").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
document.getElementById("p1").value ++;
  }
if (document.getElementById("r1").value < document.getElementById("r2").value )
  {
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
  }
if (document.getElementById("r1").value > document.getElementById("r2").value )
  {
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
document.getElementById("p4").value ++;
  } 
   
}
</script>

Code:

Player 1 $<input type="text" value="0" id="p1" size="1" style="background-color:transparent;border:0px solid white;"Readonly />
<br/>
Player 2 $<input type="text" value="0" id="p2" size="1" style="background-color:transparent;border:0px solid white;"Readonly />
<br/>
Player 3 $<input type="text" value="0" id="p3" size="1" style="background-color:transparent;border:0px solid white;"Readonly />
<br/>
Player 4 $<input type="text" value="0" id="p4" size="1" style="background-color:transparent;border:0px solid white;"Readonly />
<br/>
<input type="button" value="Roll" onclick="start()"/>
<br/>
<input type="hidden" value="0" id="r1" size="1" />

<input type="hidden" value="0" id="r2" size="1" />

Player 1 NaN $<input type="text" value="0" id="n1" size="1" style="background-color:transparent;border:0px solid white;"Readonly />
<br/>
Player 2 NaN $<input type="text" value="0" id="n2" size="1" style="background-color:transparent;border:0px solid white;"Readonly />
<br/>
Player 3 NaN $<input type="text" value="0" id="n3" size="1" style="background-color:transparent;border:0px solid white;"Readonly />
<br/>
Player 4 NaN $<input type="text" value="0" id="n4" size="1" style="background-color:transparent;border:0px solid white;"Readonly />

Can't Get Code To Work In Ie

Similar Tutorials

View Content

Hi everyone, Kind of new to this but I can't get my page to work in IE, works fine in all other browsers though. Any help would be greatly appreciated!

the site is sthfilm.com and the code is below:
Code:

<html>
<head>
<title>Shortcut to Heaven</title>
<link rel="stylesheet" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" charset="utf-8">
</script>
<script type="text/javascript">

<!-- Activate cloaking device
var randnum = Math.random();
var inum = 4;
var rand1 = Math.round(randnum * (inum-1)) + 1;
images = new Array
images[1] = "img/bg.jpg"
images[2] = "img/bg2.jpg"
images[3] = "img/bg3.jpg"
images[4] = "img/bg4.jpg"
var image = images[rand1]
// Deactivate cloaking device -->

$(function(){
    
    var menu = $('#menu'),
        pos = menu.offset();
        
        $(window).scroll(function(){
            if($(this).scrollTop() > pos.top+menu.height() && menu.hasClass('default')){
                menu.fadeOut('fast', function(){
                    $(this).removeClass('default').addClass('fixed').fadeIn('fast');
                });
            } 
            else if($(this).scrollTop() <= pos.top && menu.hasClass('fixed')){
                menu.fadeOut('fast', function(){
                    $(this).removeClass('fixed').addClass('default').fadeIn('fast');
                });
            }
        });

});
$(function(){
    
    var bar = $('#bar'),
        pos = bar.offset();
        
        $(window).scroll(function(){
            if($(this).scrollTop() > pos.top+bar.height() && bar.hasClass('default2')){
                bar.fadeOut('fast', function(){
                    $(this).removeClass('default2').addClass('fixed2').fadeIn('fast');
                });
            } 
            else if($(this).scrollTop() <= pos.top && bar.hasClass('fixed2')){
                bar.fadeOut('fast', function(){
                    $(this).removeClass('fixed2').addClass('default2').fadeIn('fast');
                });
            }
        });

});
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<script language="JavaScript">
<!-- Activate cloaking device
document.write('<img src="' + image + '" class="bg">')
// Deactivate cloaking device -->
</script>

<div id="navi">
<div id="bar" class="default2" align=center>
<div id="menu" class="default" align=center>
<!--code of floating bar goes here-->
<h1>For additonal information on this project please contact ...</a></h1>
</div>
</div>
</div>

</body>
</html>

Get This Code To Work In Ie?

Similar Tutorials

View Content

Hi, i got good help with this last time but i still wonder if its possible to make this work in ie explorer.
The script is a expandable menu where the submenus still shall be shown
if javascript is disabled for some reason, it works in firefox but i in ie it shows all links as submenus on load . i wonder if it would be possible to
show the menus unexpanded on load in i explorer to . note that the submenus
should only be visible on load if javascript is disabled.

Im posting the code below i would aprreciate some help

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style type="text/css">
.menu1{
margin-left:25px;
padding-left:20px;
padding-top:2px;
padding-bottom: 2px;
display:block;
text-decoration: none;
color: #000000;
height: 20px;
width: 200px;
background-color: #03C;
border: thin solid #FFF;
}

.submenu{
background-image: url(images/submenu.gif);
display: block;
height: 19px;
margin-left: 38px;
padding-top: 2px;
padding-left: 7px;
color: #333333;
}

.hide{
display: none;
}

.show{
display: block;
}

</style>

</head>

<body>

<a class="menu1" onclick="showHide('mymenu1')">Menu 1</a>
<div id="mymenu1" class="show">
<a href="#" class="submenu">Link One here</a>
<a href="#" class="submenu">Link Two here</a>
<a href="#" class="submenu">Link Three here</a>
<a href="#" class="submenu">Link Four here</a>
</div>
<a class="menu1" onclick="showHide('mymenu2')">Menu 2 </a>
<div id="mymenu2" class="show">
<a href="#" class="submenu">Link One here</a>
<a href="#" class="submenu">Link Two here</a>
<a href="#" class="submenu">Link Three here</a>
<a href="#" class="submenu">Link Four here</a>
</div>
<a class="menu1" onclick="showHide('mymenu3')">Menu 3 </a>
<div id="mymenu3" class="show">
<a href="#" class="submenu">Link One here</a>
<a href="#" class="submenu">Link Two here</a>
<a href="#" class="submenu">Link Three here</a>
<a href="#" class="submenu">Link Four here</a>
</div>
<a class="menu1" onclick="showHide('mymenu4')">Menu 4 </a>
<div id="mymenu4" class="show">
<a href="#" class="submenu">Link One here</a>
<a href="#" class="submenu">Link Two here</a>
<a href="#" class="submenu">Link Three here</a>
<a href="#" class="submenu">Link Four here</a>
</div>
<a class="menu1" onclick="showHide('mymenu5')">Menu 5 </a>
<div id="mymenu5" class="show">
<a href="#" class="submenu">Link One here</a>
<a href="#" class="submenu">Link Two here</a>
<a href="#" class="submenu">Link Three here</a>
<a href="#" class="submenu">Link Four here</a>
</div>

<script type="text/javascript">
menu_status = new Array();

function showHide(theid){
var switch_id = document.getElementById(theid);

if(menu_status[theid] != 'show') {
switch_id.className = 'show';
menu_status[theid] = 'show';
} else {
switch_id.className = 'hide';
menu_status[theid] = 'hide';
}
}

var divs=document.getElementsByTagName('div');
var menudivs=[];

for(i=0;i<divs.length;i++) {
if(divs[i].id.indexOf('mymenu')!=-1) menudivs.push(divs[i]);
}

function hideDivs() {
for(i=0;i<menudivs.length;i++) {
menudivs[i].className='hide';
menu_status[menudivs[i]]='hide';
}
}

window.addEventListener('load',hideDivs,false);
//window.attachEvent('onload',hideDivs) - add this within an "if IE" statement
</script>

</body>
</html>

Why Does The Code Not Work

Similar Tutorials

View Content

function paymentmeth()
{
for (i = 0; i < document.merch.payway.length; i++){
if (document.merch.payway[i].checked == true){
//a loop that is used to determine the paymethod and checks to see if data has been entered

method = document.merch.payway[i].value

}
}

if (method == false)
{
alert("You forgot to select Pay Method.")
}
}

Time Of Day/week/hour Message Help

Similar Tutorials

View Content

Hi i have been looking everywhere and cant seem time to find anything matching,
what i need is a scheduled message on a website, basically stating days of the week and time and who is live on air. also people maybe on air at 17.30 so i have no idea on how to code this.

e.g

Monday 15th August 17:45 - On Air Now, Lee Mills

so it also refreshes every 1 minute

Thank you for your help.

Help Javascript Code To Work

Similar Tutorials

View Content

Hi,

I have a javascript I created to compare the textbox value to the array and write something on the textbox but somehow it is giving me a syntax error. I am not good in javascript so I am really not sure which one is giving me problem. Can someone please help? Thanks.

My logic is to check if my 18 textbox is not empty and if not then get the label of each textbox and compare to my array listed below. If the value of each label in the textbox exist, then write and equal word in the hidden textbox and if it doesn't exist, increment to the value of 1 to the textbox.

Here is my javascript code:
Code:

function CalculateTotal(){
var homelessness = new Array ();
	homelessness[0] = "70250",
	homelessness[1] = "70260",
	homelessness[2] = "70750",
	);
	
	var financial = new Array ();
	financial[0] = "96580",
	financial[1] = "96500",
	financial[2] = "96580",
	);
	
	var emergency = new Array ();
	emergency[0] = "79660",
	emergency[1] = "80105",
	emergency[2] = "96020",
	);
	
	 
	for (i=3; i<18; i++)
	for (var k=3; k<18; k++)
	{
		if((amounts[i] != "") && (amounts[i] == desig[k]))
		{
			var issueId = impact.charAt(k);
			var impact_txt = document.getElementById(issueId).value;
			for ( var x = 0; x < homelessness.length; x++ ) 
			{
			 	var  myArray[ homelessness[ x ] ] = homelessness[ x ];   
				if ( myArray[impact_txt] == homelessness[] ) && (document.getElementById('impact1').value == ""))
					{
						document.getElementById('impact1').value = "Homelessness";
					}	
					
			}
			for ( var x = 0; x < financial.length; x++ ) 
			{
			 	var  myArray[ financial[ x ] ] = financial[ x ];   
				if ( myArray[impact_txt] == financial[] ) && (document.getElementById('impact2').value == ""))
					{
						document.getElementById('impact2').value = "Financial Stability and Independence";
					}	
					
			}
			for ( var x = 0; x < emergency.length; x++ ) 
			{
			 	var  myArray[ emergency[ x ] ] = emergency[ x ];   
				if ( myArray[impact_txt] == emergency[] ) && (document.getElementById('impact2').value == ""))
					{
						document.getElementById('impact3').value = "Emergency Crisis and Services";
					}	
					
			}
			
		}
		}
	}

}
//body code
 <table>
            	<tr>
                	<td style="width:380px;text-align:left"><label for="d"  id="D" name="D" title="80104">Crime and Drug Use <a href="javascript:alert('');">what is this?</a></label></td>
        
        <td style="float:right">  $<input id="d" name="d" class="text" type="text" value="<?php safeEcho($form['d'])?>" style="width:90px;" onChange="CalculateTotal();" />
     <?php helper_error('d');?> </td><td> <input name="impact1" id="impact1" type="text" value="" onclick="CalculateTotal();" />   
</td>
</tr>
                <tr>
                	<td style="width:380px;text-align:left"><label for="e"  id="E" name="E" title="80101">Early Childhood Development <a href="javascript:alert('');">what is this?</a></label></td>
        
        <td style="float:right">  $<input id="e" name="e" class="text" type="text" value="<?php safeEcho($form['e'])?>" style="width:90px;" onChange="CalculateTotal()" />
     <?php helper_error('e');?> </td><td> <input name="impact2" id="impact2" type="text" value="" onclick="CalculateTotal();" />   
</td>
                </tr>
                <tr>
                	<td style="width:380px;text-align:left"><label for="f"  id="F" name="F" title="80105">Emergency and Crisis Services <a href="javascript:alert('');">what is this?</a></label></td>
        
        <td style="float:right">  $<input id="f" name="f" class="text" type="text" value="<?php safeEcho($form['f'])?>" style="width:90px;" onChange="CalculateTotal()" />
     <?php helper_error('f');?> </td><td> <input name="impact3" id="impact3" type="text" value="" onclick="CalculateTotal();" />   
</td>
                </tr>

Hope you can help me to make my javascript work. Thanks.

What Is Wrong With The Code And Why Will It Not Work

Similar Tutorials

View Content

OK I am stumped. I am creating a little html to check my js file. I want to have the user enter two parameters and then call the function using those two paramaters and then display the answer on the screen.

Here is the html file
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>HomeWork3</title>
<script type="text/JavaScript" src="grosspay.js">
</script>
</head>
<body>
<script type="text/javascript">
<![CDATA[
var hoursWorked = parseInt(prompt("Enter the Number of Hours You Worked", "40"));
var hourlyRate = parseInt(prompt("Enter the Number of Hours You Worked", "10"));
function grossPay(hoursWorked, hourlyRate){
document.writeln(grossPay + " Is your normal amount of your check before taxes are taken out");
}
]]>

</script>
</body>
</html>

Here is the JS file
function grossPay (hoursWorked, hourlyRate) {
if (hoursWorked > 40){
var overTimeHrs = (hoursWorked - 40)
var overTimePay = (overTimeHrs * 1.5 * hourlyRate)
var regPay = (40 * hourlyRate)
var grossPay = regPay + overTimePay
return grossPay
}else {
var grossPay = (40 * hourlyRate)
return grossPay}
}

CAN SOMEONE PLEASE HELP

I Have The Code. How To Make It Work?

Similar Tutorials

View Content

I have this javascript code in this html page and it works fine. As soon as I try to add it to an existing page, it doesn't work. I have tried every position for the form and the script that I can think of but to no avail.

I would greatly appreciate soon expert guidance.

Frank.

The code page is here.

The page that I am trying to add it to is here.

Help With Code Please, I Cant Get My If Statement To Work...

Similar Tutorials

View Content

So when I enter in numbers for the calculator the numerical grade shows, but not the letter grade. I dont know if I called the function wrong or if my if statement is wrong. I have no idea. Can someone help me please?
Code:

<!DOCTYPE html>
<html lang="en">
<head>
<title>Lab</title>
<meta charset="utf-8">

<script>
function calculateGrade ()
{
var test1 = document.getElementById("t1")
var test2 = document.getElementById("t2")
var finalexam = document.getElementById("t3")
var labs = document.getElementById("t4")
var projects = document.getElementById("t5")
var quizzes = document.getElementById("t6")
var grade= document.getElementById("fng")

grade.value=parseFloat(0.15*test1.value)+parseFloat(0.15*test2.value)+parseFloat(0.20*finalexam.value)+parseFloat(0.30*labs.value)+
parseFloat(0.05*projects.value)+parseFloat(0.15*quizzes.value)
}

function getLetterGrade()
{
if (totalGrade >= 90)
letterGrade = "A";
else if (totalGrade < 90 && totalGrade >= 80)
letterGrade = "B";
else if (totalGrade < 80 && totalGrade >= 70)
letterGrade = "C";
else if (totalGrade < 70 && totalGrade >= 60)
letterGrade = "D";
else if (totalGrade < 60 && totalGrade >= 50)
letterGrade = "F";
}


</script>

</head>
<body>
<form id="form1" name="form1">
<table>
<tr>
<th colspan="2"> Score </th>
</tr>
<tr>
<td> Test 1 </td>
<td><input type="text" name="t1" id="t1" value= ""></td>

</tr>
<tr>
<td> Test 2 </td>
<td><input type="text" name="t2" id="t2" value= ""></td>
</tr>
<tr>
<td> Final Exam </td>
<td><input type="text" name="t3" id="t3" value=""></td>
</tr>
<tr>
<td> Labs </td>
<td><input type="text" name="t4" id="t4" value=""></td>
</tr>
<tr>
<td> Projects </td>
<td><input type="text" name="t5" id="t5" value=""></td>
</tr>
<tr>
<td> Quizzes </td>
<td><input type="text" name="t6" id="t6" value=""></td>
</tr>
<tr>
<th colspan="2">
<input type="button" name="b1" id="b1" value="Calculate Grade"
onclick="calculateGrade(); getLetterGrade()">
</th>
</tr>

<tr>
<td> Final numerical grade </td>
<td><input type="text" name="fng" id="fng" style="border: none"></td>
</tr>
<tr>
<td> Final letter grade </td>
<td><input type="text" name="letterGrade" id="letterGrade" style="border: none"></td>
</tr>
</table>
</form>
</body>
</html>

Modifying Countdown Script To End At Specific Hour Instead Of Day

Similar Tutorials

View Content

Hi everyone,

I have a countdown script I'd like to modify so that the countdown ends at a specific hour, and not on a particular day at midnight. I'm new to coding (Ruby), so still trying to get the hang of Javascript:

Code:

 
	var current="Expired"
	var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
 
	function countdown(yr,m,d){
		theyear=yr;themonth=m;theday=d
		var today=new Date()
		var todayy=today.getYear()
		if (todayy < 1000)
		todayy+=1900
		var todaym=today.getMonth()
		var todayd=today.getDate()
		var todayh=today.getHours()
		var todaymin=today.getMinutes()
		var todaysec=today.getSeconds()
		var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
		futurestring=montharray[m-1]+" "+d+", "+yr
		dd=Date.parse(futurestring)-Date.parse(todaystring)
		dday=Math.floor(dd/(60*60*1000*24)*1)
		dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
		dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
		dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
		if(dday==0&&dhour==0&&dmin==0&&dsec==1){
			document.getElementById('counter').style.display='none';
			document.getElementById('expired').style.display='block';
			return
		}
		else{
			document.getElementById('countdown_day').innerHTML=dday;
			document.getElementById('countdown_hour').innerHTML=dhour;
			document.getElementById('countdown_min').innerHTML=dmin;
			document.getElementById('countdown_sec').innerHTML=dsec;
			setTimeout("countdown(theyear,themonth,theday)",1000)
		}
	}
 
 
 
	//MODIFY THIS LINE: enter the count down date using the format year/month/day
        //e.g. countdown(2009, 03, 23);
	countdown(2011, 12, 24);

I've tried to play with it by changing the following in green:

Code:

	

function countdown(yr,m,d, h ){
		theyear=yr;themonth=m;theday=d; thehour=h 
.
.
.
setTimeout("countdown(theyear,themonth,theday, thehour )",1000)
.
.
countdown(2011, 12, 24,  10 )

But I don't seem to be getting anywhere.

Any tips or pointers to push me in the right direction is much appreciated.

Thanks!

Wait Msg In Java Script(hour Glass)

Similar Tutorials

View Content

I have been using a javascript code to display a "Please wait..." message on screen but it seems to work in some instances and not in others.
Please assist me with javascript code that works in all instances

Issue 1:-
it doesnt pops up with d wait msg ven v click on buttons..
the buttons are not submit buttons.. instead on clicking dat button it calls a fnformsubmit() userdfnd funtion..

Issue 2:--
even after d response cums the wait msg window doesnt close.. it hangs in d backgrnd..

The foll code is used in the footer.jsp file... Please assist...

<html>
<head>
<script type="text/javascript" src="/js/os/jquery-1.5.1.min.js" ></script>
<script type="text/javascript" src="/js/os/jquery-ui-1.8.14.custom.min.js"></script>
<link rel="stylesheet" type="text/css" media="all" href="/js/os/jquery-ui-1.8.14.custom.css">

<script type="text/javascript">

for (var i = 0; i < document.links.length; i++) {
var attrib = document.links[i];
if (attrib.addEventListener) {
attrib.addEventListener('click', attachModalDialog, false);
} else if (attrib.attachEvent) {
attrib.attachEvent('onclick', attachModalDialog);
}
}

function attachModalDialog(evt) {
//alert('for Click event.');

$(ModalDialog).dialog({
modal: 'true',
title: 'Please Wait...',
width: 400,
height: 300,
closeOnEscape: false
}).dialog('open');
return true;
}

</script>

</head>

<body>
<div id="ModalDialog" style="display:none;">
<pre>

Server side process is in-progress.
Please wait.....

</pre>
</div>

</body>

</html>

Javascript Code Wont Work

Similar Tutorials

View Content

HTML:
Code:

<!-- video player begin -->
		<div id="playerHolder">
			<div class="player" id="playerDiv">
				<div id="playerwidget"></div>
				<div id="adCompanionBanner" style="visibility:hidden;"></div>
			</div>
		</div>

In firefox, I type
Code:

javascript:document.getElementById("player").sendEvent(''SEEK", 0);

into the Address bar and hit enter. Why doesn't it work? How do I correctly "seek" a video.

Factoring Code Doesn't Work

Similar Tutorials

View Content

Code:

		var f = [];

		for ( var f1 = 1; f1 <= n; ++f1 )
		{
			var f2 = n / f1;
			if ( f2 == Math.floor(f2) )
			{
				f.push(f1);
				f.push(f2);
			}
			if ( f2 <= f1 ) break;
		}
		f.sort();

Someone helped me make this factoring code, but if n = 6, it returns [1,2,2,3,3,6,6,6]

Any ideas?

I am looking for [1,2,3,6]

The Delete Buttons In This Code Do Not Work

Similar Tutorials

View Content

Hello,

I have a script that lets you add tasks to a task list and then you can click a button to sort them, but I cannot get the "Delete Selected Task" and "Delete All Tasks" buttons to work correctly. I will be eternally indebted to whoever can help me fix these two buttons. The code I am working on is posted below. Thank you for your time.
[CODE]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

<title>To Do List</title>
<script type="text/javascript">
/* <![CDATA[ */

function addTask() {
if (document.forms[0].newtask.value == "")
window.alert("You must enter a value in the New Task field.");
else {
if (document.forms[0].tasks.options.value == "tasks")
document.forms[0].tasks.options[0] = null;
var newTask = new Option();
newTask.value = document.forms[0].newtask.value;
newTask.text = document.forms[0].newtask.value;
var numTasks = document.forms[0].tasks.options.length;
document.forms[0].tasks.options[numTasks] = newTask;
document.forms[0].newtask.value = "";
}
}

function deleteTask() {
var selectedTask = 0;
var taskSelected = false;
while (selectedTask < document.forms[0].tasks.length) {
if (document.forms[0].tasks.options[selectedTask].selected == true) {
taskSelected = true;
break;
}
++selectedTask;
}
if (taskSelected == true)
document.forms[0].tasks.options[selectedTasks] = null;
else
window.alert("You must select a task in the list.");
}

function ascendingSort() {
var newTasks = new Array();
for (var i =0; i < document.forms[0].tasks.length; ++i) {
newTasks[i] = document.forms[0].tasks.options[i].value;
}
newTasks.sort();
for (var j =0; j < document.forms[0].tasks.length; ++j) {
document.forms[0].tasks.options[j].value = newTasks[j];
document.forms[0].tasks.options[j].text = newTasks[j];
}
}

/* ]]> */

</script>
</head>

<body>

<h1>To Do List</h1>
<form action="">
<p>New Task <input type="text" size="68" name="newtask" /></p>
<p><input type="button" value="Add Task" onclick="addTask()"
style="width: 150px" />
<input type="button" value="Delete Selected Task"
onclick="deleteTask()" style="width: 150px" />
<input type="button" value="Delete All Tasks"
onclick="document.forms[0].task.options.length = 0;"
style="width: 150px" /><br />
<input type="button" value="Ascending Sort"
onclick="ascendingSort()" style="width: 150px" />
</p>
<p><select name="tasks" size="10" style="width: 500px">
<option value="tasks">Tasks</option></select></p>
</form>

</body>
</html>
[CODE]

The Ajax Part Of This Code Does Not Work

Similar Tutorials

View Content

Code:

function dimensions(){
    $('.resource-container').css("width",($(window).width() - 306) + 'px');
    $('.resource-title').css("width",($(window).width() - 366) + 'px');
    $('.resource-container').css("height",($(window).height() - 250) + 'px');
    $('.resource-content ul').css("height",($(window).height() - 292) + 'px');
    $('.resource-iframe').css("width",($(window).width() - 306) + 'px');
    $('.resource-iframe').css("height",($(window).height() - 275) + 'px');
}
function resourcego(id){
	$.ajax({
        url: "http://glynit.co.cc/resource.php?id=" + id + "&item=list&part=name",
        cache: false,
        success: function(data){
			name = data;
        	$.ajax({
        		url: "http://glynit.co.cc/resource.php?id=" + id + "&item=list&part=list",
        		cache: false,
        		success: function(data){
        			list = data;
					$('.resource-toolbar').html('<div id="resource-title" class="resource-title">' + name + '</div>');
					$('.resource-content').html('<div class="resource-list"><ul>' + list + '</ul></div>');
                    dimensions();
				}
			});
        }
	});
}
function viewresource(id,ref){
    $.ajax({
        url: "http://glynit.co.cc/resource.php?id=" + id + "&content=name",
        cache: false,
        success: function(data){
			name = data;
            $('.resource-toolbar').html('<div id="resource-back" class="resource-back" onclick="resourcego(' + ref + ');">Back</div><div id="resource-title" class="resource-title">' + name + '</div><div id="resource-print" class="resource-print">Print</div>');
						$('.resource-content').html('<iframe id="resource-iframe" class="resource-iframe" src="http://glynit.co.cc/resource.php?id=' + id + '&content=content"></iframe>');
                        dimensions();
        }
	});
}
$(window).load(function() {dimensions();});
$(window).resize(function() {dimensions();});

The webiste is http://www.glynit.co.cc/
and the login is guest:guest
And the page is the resources page and it is the links on the left of that page that do not work.

Can Anyone Please Make This Login Code Work In Safari?

Similar Tutorials

View Content

So I have made a website that you need a password to get into. The following javascript code works in Internet Explorer but, I need it to work in Safari also. Can anyone please rewrite this code, as simple as possible, to work in both Safari and Internet Explorer ?

[CODE ] [/CODE]

Thanks in advance...

What Is The Problem In This Code (settimeout Function Does Not Work)

Similar Tutorials

View Content

Hello everybody
I need your help in this problem

At first, this is the code used

HTML Code
PHP Code:
<input  type="text" onfocus="fadeIn(this)" /><div class="box" style="opacity: 0.0"></div><br />
<input  type="text" onfocus="fadeIn(this)" /><div class="box" style="opacity: 0.0"></div>

JavaScript Code
PHP Code:
function fadeIn(elem){
      element = elem.nextSibling;
      elemOpacity = element.style.opacity;
      element.innerHTML = elemOpacity;
      if (elemOpacity < 1.0)
            element.style.opacity = parseFloat(elemOpacity) + 0.1;
      timeIn = setTimeout(fadeIn, 100);
}

I have used the opacity property to make fading element like fadeIn() function in jquery , and i have used onfocus event to execute the code .
Problem exists in setTimeout function, this function Does not work But the code works without this function

What is the cause of the problem , Please help me