Page 1 of 1

How to show the information on the status bar

Posted: Fri Oct 03, 2003 8:29 am
by szms
Hi there...

I am trying to show my information on the status bar with the following code.

Code: Select all

<body onLoad="startStatusScroller();">
<script language="JavaScript">
<!--
// You may edit the message below.
var statBarMsg = "Welcome To My Website............." +
                 "" + ".............................................................." ;

function startStatusScroller()
&#123;
    window.status = statBarMsg;
    statBarMsg = statBarMsg.substring(1, statBarMsg.length) + statBarMsg.substring(0, 1)
    setTimeout("startStatusScroller()", 150)
&#125;//-->
</SCRIPT>

Now I have another java script code for getting date and time. Here is the sinppet,

Code: Select all

<SCRIPT LANGUAGE="JavaScript"> 
<!-- Begin 
var day=""; 
var month=""; 
var myweekday=""; 
var year=""; 
newdate = new Date(); 
mydate = new Date(); 
dston =  new Date('April 4, 1999 2:59:59'); 
dstoff = new Date('october 31, 1999 2:59:59'); 
var myzone = newdate.getTimezoneOffset(); 
newtime=newdate.getTime(); 

var zone = 6;  // references your time zone 

if (newdate > dston && newdate < dstoff ) &#123; 
zonea = zone - 1 ; 
dst = "  Pacific Daylight Savings Time"; 
&#125; 
else &#123; 
zonea = zone ; dst = "  Pacific Standard Time"; 
&#125; 
var newzone = (zonea*60*60*1000); 
newtimea = newtime+(myzone*60*1000)-newzone; 
mydate.setTime(newtimea); 
myday = mydate.getDay(); 
mymonth = mydate.getMonth(); 
myweekday= mydate.getDate(); 
myyear= mydate.getYear(); 
year = myyear; 

if (year < 2000)    // Y2K Fix, Isaac Powell 
year = year + 1900; // http://onyx.idbsu.edu/~ipowell 
myhours = mydate.getHours(); 
if (myhours >= 12) &#123; 
myhours = (myhours == 12) ? 12 : myhours - 12; mm = " PM"; 
&#125; 
else &#123; 
myhours = (myhours == 0) ? 12 : myhours; mm = " AM"; 
&#125; 
myminutes = mydate.getMinutes(); 
if (myminutes < 10)&#123; 
mytime = ":0" + myminutes; 
&#125; 
else &#123; 
mytime = ":" + myminutes; 
&#125;; 
arday = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday") 
armonth = new Array("January ","February ","March ","April ","May ","June ","July ","August ","September ", "October ","November ","December ") 
ardate = new Array("0th","1st","2nd","3rd","4th","5th","6th","7th","8th","9th","10th","11th","12th","13th","14th","15th","16th","17th","18th","19th","20th","21st","22nd","23rd","24th","25th","26th","27th","28th","29th","30th","31st"); 
// rename locale as needed. 

var time = ("In Dallas, Texas, it is: " + myhours + mytime+ mm + ", " + arday&#1111;myday] +", " + armonth&#1111;mymonth] +" "+ardate&#1111;myweekday] + ", " + year+", " + dst +"."); 
document.write(time); 
//--> 
</SCRIPT>
Now I want to add the date and time information on my status bar along with other information. Could you please let me know how to do that?

Posted: Fri Oct 03, 2003 10:36 am
by scorphus
Just some changes. I made a getCurrentTime() function and placed your 'get time' code inside it. Another function updateStatusBarMsg() is called each minute to update the message with the current time. Here is the code:

Code: Select all

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Test</title>
<script language="JavaScript">
<!--
var yourMessage = "Welcome To My Website...........................................................................";
var statBarMsg = "";

// You may edit the message below.
function getCurrentTime () &#123;
	var day="";
	var month="";
	var myweekday="";
	var year="";
	newdate = new Date();
	mydate = new Date();
	dston =  new Date('April 4, 1999 2:59:59');
	dstoff = new Date('october 31, 1999 2:59:59');
	var myzone = newdate.getTimezoneOffset();
	newtime=newdate.getTime();

	var zone = 6;  // references your time zone

	if (newdate > dston && newdate < dstoff ) &#123;
		zonea = zone - 1 ;
		dst = "  Pacific Daylight Savings Time";
	&#125;
	else &#123;
		zonea = zone ; dst = "  Pacific Standard Time";
	&#125;
	var newzone = (zonea*60*60*1000);
	newtimea = newtime+(myzone*60*1000)-newzone;
	mydate.setTime(newtimea);
	myday = mydate.getDay();
	mymonth = mydate.getMonth();
	myweekday= mydate.getDate();
	myyear= mydate.getYear();
	year = myyear;

	if (year < 2000)    // Y2K Fix, Isaac Powell
	year = year + 1900; // http://onyx.idbsu.edu/~ipowell
	myhours = mydate.getHours();
	if (myhours >= 12) &#123;
		myhours = (myhours == 12) ? 12 : myhours - 12; mm = " PM";
	&#125;
	else &#123;
		myhours = (myhours == 0) ? 12 : myhours; mm = " AM";
	&#125;
	myminutes = mydate.getMinutes();
	if (myminutes < 10)&#123;
		mytime = ":0" + myminutes;
	&#125;
	else &#123;
		mytime = ":" + myminutes;
	&#125;
	arday = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday")
	armonth = new Array("January ","February ","March ","April ","May ","June ","July ","August ","September ", "October ","November ","December ")
	ardate = new Array("0th","1st","2nd","3rd","4th","5th","6th","7th","8th","9th","10th","11th","12th","13th","14th","15th","16th","17th","18th","19th","20th","21st","22nd","23rd","24th","25th","26th","27th","28th","29th","30th","31st");
	// rename locale as needed.

	return "In Dallas, Texas, it is: " + myhours + mytime+ mm + ", " + arday&#1111;myday] +", " + armonth&#1111;mymonth] +" "+ardate&#1111;myweekday] + ", " + year+", " + dst +".";
&#125;

function startStatusScroller () &#123;
	window.status = statBarMsg;
	statBarMsg = statBarMsg.substring(1, statBarMsg.length) + statBarMsg.substring(0, 1);
	setTimeout("startStatusScroller()", 150);
&#125;

function updateStatusBarMsg () &#123;
	statBarMsg = yourMessage + getCurrentTime();
	setTimeout("updateStatusBarMsg()", 60000);
&#125;

updateStatusBarMsg();
//-->
</script>
</head>

<body onLoad="javascript:startStatusScroller();">

</body>
</html>
Regards,
Scorphus.

Edit: correction to the script and the <body> tag. I chose edit this post instead of posting another one.

Posted: Fri Oct 03, 2003 12:46 pm
by szms
scorphus,

your code works perfectly but I have another JavaScript code for onLoad.

Code: Select all

<body marginwidth="0" marginheight="0" style="margin: 0" onLoad="writeMenus()" onResize="if (isNS4) nsResizeHandler()">
How do I combine the above one and the following one:

Code: Select all

<body onLoad="javascript:startStatusScroller(statBarMsg);">

Posted: Fri Oct 03, 2003 12:55 pm
by scorphus
Just a correction. Sorry, my falut: there is no argument to the startStatusScroller() function.

You could create a function (i.e. onPageLoaded()) which calls the two other functions:

Code: Select all

function onPageLoad () &#123;
  startStatusScroller();
  writeMenus();
  return;
&#125;
And set the <body> to:

Code: Select all

<body marginwidth="0" marginheight="0" style="margin: 0" onLoad="onPageLoad()" onResize="if (isNS4) nsResizeHandler()">
Cheers,
Scorphus.