PDA

Click to See Complete Forum and Search --> : Maintain button "on" state..

Waterloo1
11-05-2003, 12:24 PM
Hi, I am trying to keep the navigation button to the "on" state when user clicks on one of the two buttons. (The html page loads when the button is clicked but the button should still be in the "on" state) I think I need a Javascript function to do that, but not sure how. Here is my html codes:

<html>
<head>
<table cellspacing=0 cellpadding=0 border=0>
<tr>
<td><a href="popup_content.html" onMouseOver="document.images['nav1'].src = 'med/main_on.gif';" onMouseOut=" document.images['nav1'].src = 'med/main_off.gif';"><img src="med/main_off.gif" width=33 height=25 border=0 alt="" name=nav1></a></td>
<td><a href="#" onMouseOver="document.images['nav2'].src = 'med/orderonline_on.gif';" onMouseOut="document.images['nav2'].src = 'med/orderonline_off.gif';"><img src="med/orderonline_off.gif" width=82 height=25 border=0 alt="" name=nav2></a></td>
</tr>
</table>
</body>
</html>
gil davis
11-05-2003, 01:43 PM
You need more than a javascript to remember a state if the page is replaced by clicking a link. You need a cookie.
Waterloo1
11-05-2003, 01:50 PM
Sorry for the confusion, the page it loads is on the same page but inside a different frame.
gil davis
11-05-2003, 02:12 PM
<script>
var click1 = false;
</script>
...
<a ... onmouseout="if(!click1)document.images['nav1'].src='med/main_off.gif'" onclick="click1=true">
...

This takes advantage of the fact that the onmouseover has set the image to the "on" state and the onmouseout is disabled by the onclick.