6
hello
i can change the button image using javascript but, i cant figure out
how to *re-set* the button to its original state when a different button
is pressed
i.e
button A = imageA.gif - when pressed the image changes to imageA2.gif
button B = imageB.gif - when pressed the image changes to imageB2.gif and
*re-sets* button A, back to imageA.gif from imageA2.gif
does that make sense?
any help please? script below...
thanks sophia
[HTML]<html>
<head>
<script language="JavaS cript">
<!--
if (document.image s) {
button1_down=ne w Image(); button1_down.sr c="imageA.gif ";
button1_up =new Image(); button1_up.src ="imageA2.gi f";
button2_down=ne w Image(); button2_down.sr c="imageB.gif ";
button2_up =new Image(); button2_up.src ="imageB2.gi f";
}
function pressButton(btN ame) {
if (document.image s)
eval('document. '+btName+'.src= '+btName+'_down .src');
}
function releaseButton(b tName) {
if (document.image s)
eval('document. '+btName+'.src= '+btName+'_up.s rc');
}
//-->
</script>
</head>
</html>
<html>
<body>
<a href="pages/page1.html" target="content "
onMouseDown="pr essButton('butt on1');return true;"
onMouseUp="rele aseButton('butt on1');return true;"
onMouseOut="rel easeButton('but ton1');return true;"
onClick="return true;">
<img name="button1" border="0" alt="page1" src="imageA.gif "></a>
<a href="pages/page2.html" target="content "
onMouseDown="pr essButton('butt on2');return true;"
onMouseUp="rele aseButton('butt on2');return true;"
onMouseOut="rel easeButton('but ton2');return true;"
onClick="return true;">
<img name="button2" border="0" alt="page2" src="imageB.gif "></a>
</body>
</html>[/HTML]
