Scribd
Upload
22 views

Css 15

The document demonstrates how to change the status bar text when hovering over links or selecting different options. It contains an HTML page with JavaScript code to update the status bar on mouseover and change the default status bar text when an option is selected.

Uploaded by

Rupesh Bavge
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
22 views

Css 15

The document demonstrates how to change the status bar text when hovering over links or selecting different options. It contains an HTML page with JavaScript code to update the status bar on mouseover and change the default status bar text when an option is selected.

Uploaded by

Rupesh Bavge
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

Status Bar:

<html>

<head>

<title>JavaScript Status Bar</title>

</head>

<body>

<a href="http://www.htmlcenter.com"

onMouseOver="window.status='HTMLcenter';return true"

onMouseOut="window.status='';return true">

HTMLcenter

</a>

</body>

</html>
<html>

<head>

<title>Status Bar</title>

<script type="text/javascript">

<!-- window.defaultStatus = "Welcome to the large URL page."

function changeStatus() {

window.status = "Click me to go to the Unleashed home page."

}
function changeDefaultStatus() {

window.defaultStatus =

window.document.statusForm.messageList.options[window.document.statusForm.messageList.

selectedIndex].text

//-->

</script>

</head>

<body>

<p>&#160;</p>

<p>&#160;</p>

<p align="center">

<font size="7" color="#008040">

<strong>http://www.java2s.com</strong>

</font>

</p>

<p align="center">

<a href="http://www.java2s.com" onmouseover="changeStatus();return true">Go...</a>

</p>

<p align=center>

<font size="1">

To change the default status bar message, select a message from the

list below and click the Change button.

</font>
</p>

<form name="statusForm" method="POST">

<select name="messageList" size="1">

<option selected>Welcome to the large URL page.</option>

<option>A</option>

<option>B</option>

<option>C</option>

</select>

<input type="button" name="Change" value="Change"

onclick="changeDefaultStatus()">

</form>

</body>

</html>

You might also like