Maintain button "on" state..

Waterloo1 · #1 11-05-2003, 01: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 · #2 11-05-2003, 02: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 · #3 11-05-2003, 02:50 PM

Sorry for the confusion, the page it loads is on the same page but inside a different frame.

gil davis · #4 11-05-2003, 03:12 PM

Code:

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

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes	Rate This Thread
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode	Rate This Thread:

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)