http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FWindow_Browser%2FStatusBar
JavaScript DHTML/Window Browser/StatusBar - История изменений
2026-04-05T18:14:24Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/Window_Browser/StatusBar&diff=3952&oldid=prev
в 10:00, 26 мая 2010
2010-05-26T10:00:28Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 10:00, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=JavaScript_DHTML/Window_Browser/StatusBar&diff=3953&oldid=prev
Admin: 1 версия
2010-05-26T07:28:35Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>== Creating a Scrolling Banner in status bar ==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
/*<br />
JavaScript Bible, Fourth Edition<br />
by Danny Goodman <br />
John Wiley & Sons CopyRight 2001<br />
*/<br />
<br />
<HTML><br />
<HEAD><br />
<TITLE>Message Scroller</TITLE><br />
<SCRIPT LANGUAGE="JavaScript"><br />
<!--<br />
var msg = "Welcome to my world..."<br />
var delay = 150<br />
var timerId<br />
var maxCount = 0<br />
var currCount = 1<br />
function scrollMsg() {<br />
// set the number of times scrolling message is to run<br />
if (maxCount == 0) {<br />
maxCount = 3 * msg.length<br />
}<br />
window.status = msg<br />
// keep track of how many characters have scrolled<br />
currCount++<br />
// shift first character of msg to end of msg<br />
msg = msg.substring (1, msg.length) + msg.substring (0, 1)<br />
// test whether we"ve reached maximum character count<br />
if (currCount >= maxCount) {<br />
timerID = 0 // zero out the timer<br />
window.status = "" // clear the status bar<br />
return // break out of function<br />
} else {<br />
// recursive call to this function<br />
timerId = setTimeout("scrollMsg()", delay)<br />
}<br />
}<br />
// --><br />
</SCRIPT><br />
</HEAD><br />
<BODY onLoad="scrollMsg()"><br />
</BODY><br />
</HTML><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Date in the status bar==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<HTML><br />
<HEAD><br />
<SCRIPT language="JavaScript"><br />
<!--<br />
function theclock(){<br />
var rightnow= new Date();<br />
<br />
var themonth= rightnow.getMonth();<br />
var today= rightnow.getDate();<br />
var theyear= rightnow.getYear();<br />
var thehours= rightnow.getHours();<br />
var themins= rightnow.getMinutes();<br />
var theseconds= rightnow.getSeconds();<br />
<br />
<br />
themonth+=1; //month number starts at 0<br />
<br />
//Set the Year Data for 4 Digits<br />
if (theyear<2000)<br />
theyear+=1900;<br />
<br />
if (thehours<10)<br />
thehours="0"+thehours;<br />
if (themins<10)<br />
themins="0"+themins;<br />
if (theseconds<10)<br />
theseconds="0"+theseconds;<br />
<br />
if (thehours<12)<br />
var ampm="AM";<br />
else<br />
var ampm="PM";<br />
<br />
if (thehours==0)<br />
thehours=12; <br />
if (thehours>=13) <br />
thehours-=12;<br />
<br />
window.status= themonth+"/"+today+"/"+theyear+" "+thehours+":"+themins+":"+theseconds+" "+ampm;<br />
}<br />
setInterval("theclock()",1000);<br />
//--><br />
</SCRIPT><br />
</HEAD><br />
</HTML><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Displays the time in the status line==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
/*<br />
Examples From<br />
JavaScript: The Definitive Guide, Fourth Edition<br />
Legal matters: these files were created by David Flanagan, and are<br />
Copyright (c) 2001 by David Flanagan. You may use, study, modify, and<br />
distribute them for any purpose. Please note that these examples are<br />
provided "as-is" and come with no warranty of any kind.<br />
David Flanagan<br />
*/<br />
<html><br />
<head><br />
<script><br />
// This function displays the time in the status line.<br />
// Invoke it once to activate the clock; it will call itself from then on.<br />
function display_time_in_status_line()<br />
{<br />
var d = new Date(); // Get current time.<br />
var h = d.getHours(); // Extract hours: 0 to 23.<br />
var m = d.getMinutes(); // Extract minutes: 0 to 59.<br />
var ampm = (h >= 12)?"PM":"AM"; // Is it am or pm?<br />
if (h > 12) h -= 12; // Convert 24-hour format to 12-hour.<br />
if (h == 0) h = 12; // Convert 0 o"clock to midnight.<br />
if (m < 10) m = "0" + m; // Convert 0 minutes to 00 minutes, etc.<br />
var t = h + ":" + m + " " + ampm; // Put it all together.<br />
defaultStatus = t; // Display it in the status line.<br />
// Arrange to do it all again in 1 minute. <br />
setTimeout("display_time_in_status_line()", 60000); // 60000 ms is 1 minute.<br />
}<br />
</script><br />
</head><br />
<!-- Don"t bother starting the clock till everything is loaded. The<br />
-- status line will be busy with other messages during loading, anyway. --><br />
<body onload="display_time_in_status_line();"><br />
<!-- The HTML document contents go here. --><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Handling Status Message Changes==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<HTML><br />
<HEAD><br />
<TITLE>Generalizable window.status Property</TITLE><br />
<SCRIPT LANGUAGE="JavaScript"><br />
function showStatus(msg) {<br />
window.status = msg<br />
return true<br />
}<br />
</SCRIPT><br />
</HEAD><br />
<BODY><br />
<A HREF="http:// www.wbex.ru " onMouseOver="return showStatus("Go to www.wbex.ru.")" onMouseOut="return showStatus("")">Home</A><P><br />
<A HREF="http://home.netscape.ru" onMouseOver="return showStatus("Visit<br />
Netscape Home page.")" onMouseOut="return showStatus("")">Netscape</A><br />
</BODY><br />
</HTML><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==JavaScript display infomation in Status Bar==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<title>Status Bar</title><br />
<script type="text/javascript"><br />
<!-- window.defaultStatus = "Welcome to the large URL page."<br />
<br />
function changeStatus() {<br />
window.status = "Click me to go to the Unleashed home page."<br />
}<br />
<br />
function changeDefaultStatus() {<br />
window.defaultStatus = <br />
window.document.statusForm.messageList.options[window.document.statusForm.messageList.<br />
selectedIndex].text<br />
}<br />
//--><br />
</script><br />
</head><br />
<br />
<body><br />
<p>&#160;</p><br />
<p>&#160;</p><br />
<p align="center"><br />
<font size="7" color="#008040"><br />
<strong>http://www.wbex.ru</strong><br />
</font><br />
</p><br />
<p align="center"><br />
<a href="http://www.wbex.ru" onmouseover="changeStatus();return true">Go...</a><br />
</p><br />
<p align=center><br />
<font size="1"><br />
To change the default status bar message, select a message from the <br />
list below and click the Change button. <br />
</font><br />
</p><br />
<form name="statusForm" method="POST"><br />
<br />
<select name="messageList" size="1"><br />
<option selected>Welcome to the large URL page.</option><br />
<option>A</option><br />
<option>B</option><br />
<option>C</option><br />
</select> <br />
<input type="button" name="Change" value="Change"<br />
onclick="changeDefaultStatus()"><br />
</form><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Links with Custom Statusbar Messages==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<HTML><br />
<HEAD><br />
<TITLE>window.status Property</TITLE><br />
</HEAD><br />
<BODY><br />
<A HREF="http://www.wbex.ru" onMouseOver="window.status = "Go to www.wbex.ru"; return true">Home</A><P><br />
<A HREF="http://home.netscape.ru" onMouseOver="window.status = "Visit Netscape<br />
Home page. (home.netscape.ru)"; return true">Netscape</A><br />
</BODY><br />
</HTML><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Scrolling Text in the Status Window==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<html><br />
<head><br />
<title>Scrolling Text</title><br />
<script language="JavaScript"><br />
var scrollPos = 0<br />
var maxScroll = 100<br />
var blanks = ""<br />
function scrollText(text, milliseconds) {<br />
window.setInterval("displayText(""+text+"")", milliseconds)<br />
}<br />
function displayText(text) {<br />
window.defaultStatus = blanks + text<br />
++scrollPos<br />
blanks += " "<br />
if(scrollPos > maxScroll) {<br />
scrollPos = 0<br />
blanks = ""<br />
}<br />
}<br />
</script><br />
</head><br />
<body onload="scrollText("Watch this text scroll!!!", 300)"><br />
<p>Watch the text scroll at the bottom of this window!</p><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Setting the Default Status Message==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<HTML><br />
<HEAD><br />
<TITLE>window.defaultStatus property</TITLE><br />
<SCRIPT LANGUAGE="JavaScript"><br />
window.defaultStatus = "Welcome to my Web site."<br />
</SCRIPT><br />
</HEAD><br />
<BODY><br />
<A HREF="http://www.wbex.ru" <br />
onMouseOver="window.status = "Visit wbex\"s Home page.";return true"<br />
onMouseOut="window.status = "";return true">wbex.ru</A><P><br />
<A HREF="http://home.netscape.ru" <br />
onMouseOver="window.status = "Visit Netscape\"s Home page.";return true"<br />
onMouseOut="window.status = window.defaultStatus;return true">Netscape</A><br />
</BODY><br />
</HTML><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==The onFocus event Handler==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<HTML><br />
<HEAD><br />
<TITLE>Elements Array</TITLE><br />
<SCRIPT LANGUAGE="JavaScript"><br />
function prompt(msg) {<br />
window.status = "Please enter your " + msg + "."<br />
}<br />
</SCRIPT><br />
</HEAD><br />
<BODY><br />
<FORM><br />
Enter your first name:<INPUT TYPE="text" NAME="firstName" <br />
onFocus="prompt("first name")"><P><br />
Enter your last name:<INPUT TYPE="text" NAME="lastName" <br />
onFocus="prompt("last name")"><P><br />
Enter your address:<INPUT TYPE="text" NAME="address" <br />
onFocus="prompt("address")"><P><br />
Enter your city:<INPUT TYPE="text" NAME="city" onFocus="prompt("city")"><P><br />
</FORM><br />
</BODY><br />
</HTML><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Using Status Messages==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<title>JavaScript Unleashed</title><br />
<script language= "JavaScript"><br />
<!--<br />
function statusMsg(msgType) {<br />
var message = "";<br />
if(msgType == "string") {<br />
message = "string";<br />
}<br />
if(msgType == "integer") {<br />
message = "integer";<br />
}<br />
else if(msgType == "dollar") {<br />
message = "dollar and float";<br />
}<br />
else if(msgType == "credit") {<br />
message = "credit number";<br />
}<br />
window.defaultStatus = message;<br />
window.status = message;<br />
}<br />
//--><br />
</script><br />
</head><br />
<body onFocus="statusMsg("")"><br />
<form name="form1" action="#" method="post"><br />
<br>First Name <input type="text" size=20 maxlength=20 name="Integer" onFocus="statusMsg("string")"><br><br />
Last Name <input type="text" size=20 maxlength=20 name="Integer" onFocus="statusMsg("string")"><br><br />
Age <input type="text" size=5 maxlength=5 name="Integer" onFocus="statusMsg("integer")"><br><br />
Amount <input type="text" size=6 maxlength=6 name="Dollar" onFocus="statusMsg("dollar")"><br><br />
Card # <input type="text" size=16 maxlength=16 name="Credit" onFocus="statusMsg("credit")"><br><br />
<br><br />
<input type="submit" value="Submit"><br />
</form><br />
</body><br />
</html><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Using the self Property in status bar==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<HTML><br />
<HEAD><br />
<TITLE>self Property</TITLE><br />
<SCRIPT LANGUAGE="JavaScript"><br />
self.defaultStatus = "Welcome to my Web site."<br />
</SCRIPT><br />
</HEAD><br />
<BODY><br />
<A HREF="http:// www.wbex.ru" onMouseOver="self.status="Visit wbex.ru\"s Home page.";return true"<br />
onMouseOut="self.status = "";return true">wbex.ru</A><P><br />
<A HREF="http://www.wbex.ru" <br />
onMouseOver="self.status = "Visit www.wbex.ru\"s Home page.";return true"<br />
onMouseOut="self.status = self.defaultStatus;return true">wbex.ru</A><br />
</BODY><br />
</HTML><br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Working with Status Bar Messages==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<html><br />
<head><br />
<title>Status Bar</title><br />
<SCRIPT LANGUAGE="JavaScript"><br />
<!--<br />
window.defaultStatus = "Welcome to the large URL page."<br />
<br />
function changeStatus() {<br />
window.status = "Click me to go to wbex.ru."<br />
}<br />
<br />
function changeDefaultStatus() {<br />
window.defaultStatus = window.document.statusForm.messageList.<br />
options[window.document.statusForm.messageList.<br />
selectedIndex].text<br />
}<br />
//--><br />
</SCRIPT><br />
</head><br />
<br />
<body><br />
<p>&#160;</p><br />
<p>&#160;</p><p align=center><br />
<font color="#008040"><br />
<font size=7><br />
<strong>http://www.wbex.ru</strong></font></font></p><br />
<p align=center><br />
<a href="http://www.wbex.ru" onMouseOver="changeStatus();return true">Go...</a></p><br />
<form name="statusForm" method="POST"><br />
<p><br><br />
<br><br />
<br><br />
<br><br />
</p><br />
<p align=center><br />
<font size=1>To change the default status bar message, select<br />
a message from the list below and click the Change button. </font></p><br />
<p align=center><select<br />
name="messageList"<br />
size=1><br />
<option selected>Welcome to the large URL page.</option><br />
<option>A</option><br />
<option>B</option><br />
<option>C</option><br />
</select><br />
<input<br />
type=button<br />
name="Change"<br />
value="Change"<br />
onClick="changeDefaultStatus()"></p><br />
</form><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Write text to the window"s status bar==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<html><br />
<head><br />
<script type="text/javascript"><br />
function load(){<br />
window.status="status bar"<br />
}<br />
</script><br />
</head><br />
<body onload="load()"><br />
</body><br />
</html><br />
<br />
<br />
<br />
</source></div>
Admin