How to show the information on the status bar

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
szms
Forum Contributor
Posts: 101
Joined: Thu Jun 26, 2003 12:23 pm

How to show the information on the status bar

Post 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?
User avatar
scorphus
Forum Regular
Posts: 589
Joined: Fri May 09, 2003 11:53 pm
Location: Belo Horizonte, Brazil
Contact:

Post 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.
Last edited by scorphus on Fri Oct 03, 2003 1:01 pm, edited 1 time in total.
szms
Forum Contributor
Posts: 101
Joined: Thu Jun 26, 2003 12:23 pm

Post 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);">
User avatar
scorphus
Forum Regular
Posts: 589
Joined: Fri May 09, 2003 11:53 pm
Location: Belo Horizonte, Brazil
Contact:

Post 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.
Post Reply