Salve a tutti...
Prima di postare, ho cercato sul forum ed altrove ma senza trovare la soluzione.
Sto cercando di creare un menu di 8 bottoni (che aprono le pagine in altri frame) in modo
tale che, quando una pagina è aperta, il bottone corrispondente rimane giù, mentre tutti
gli altri rimangono su.
Ovviamente quando si clicca (si abbassa) un altro bottone qualunque, quello di prima deve ritornare su e vice versa.
Come base di partenza ho usato la funzione onMousedown ed onMouseup.
La cosa strana è che il codice che ho utilizzato pare funzioni SOLO per i primi tre bottoni!!! ... per gli altri non c'è verso di farli funzionare...
Controllato e ricontrollato il codice, non mi pare ci siano errori.
Qualcuno ha qualche suggerimento o un codice alternativo?
Grazie!
<head>
<script language="javascript1.2">
<!--
img1=new Image()
img1.src="Bottone1su.jpg"
img2=new Image()
img2.src="Bottone1giu.jpg"
img3=new Image()
img3.src="Bottone2su.jpg"
img4=new Image()
img4.src="Bottone2giu.jpg"
img5=new Image()
img5.src="Bottone3su.jpg"
img6=new Image()
img6.src="Bottone3giu.jpg"
img7=new Image()
img7.src="Bottone4su.jpg"
img8=new Image()
img8.src="Bottone4giu.jpg"
img9=new Image()
img9.src="BBottone5su.jpg"
img10=new Image()
img10.src="Bottone5giu.jpg"
img11=new Image()
img11.src="Bottone6su.jpg"
img12.=new Image()
img12.src="Bottone6giu.jpg"
img13=new Image()
img13.src="Bottone7su.jpg"
img14=new Image()
img14.src="Bottone7giu.jpg"
img15=new Image()
img15.src="Bottone8su.jpg"
img16=new Image()
img16.src="Bottone8giu.jpg"
//-->
</script>
</head>
<body>
<a onMousedown="document.images['bottone1'].src=img2.src"
onMouseup="document.images['bottone2'].src=img3.src ;
document.images['bottone3'].src=img5.src ;
document.images['bottone4'].src=img7.src ;
document.images['bottone5'].src=img9.src ;
document.images['bottone6'].src=img11.src ;
document.images['bottone7'].src=img13.src ;
document.images['bottone8'].src=img15.src">
[img]bottone1su.jpg[/img]</a>
<a onMousedown="document.images['bottone2'].src=img4.src"
onMouseup="document.images['bottone1'].src=img1.src ;
document.images['bottone3'].src=img5.src ;
document.images['bottone4'].src=img7.src ;
document.images['bottone5'].src=img9.src ;
document.images['bottone6'].src=img11.src ;
document.images['bottone7'].src=img13.src ;
document.images['bottone8'].src=img15.src">
[img]bottone2su.jpg[/img]</a>
<a onMousedown="document.images['bottone3'].src=img6.src"
onMouseup="document.images['bottone1'].src=img1.src ;
document.images['bottone2'].src=img3.src ;
document.images['bottone4'].src=img7.src ;
document.images['bottone5'].src=img9.src ;
document.images['bottone6'].src=img11.src ;
document.images['bottone7'].src=img13.src ;
document.images['bottone8'].src=img15.src">
[img]bottone3su.jpg[/img]</a>
<a onMousedown="document.images['bottone4'].src=img8.src"
onMouseup="document.images['bottone1'].src=img1.src ;
document.images['bottone2'].src=img3.src ;
document.images['bottone3'].src=img5.src ;
document.images['bottone5'].src=img9.src ;
document.images['bottone6'].src=img11.src ;
document.images['bottone7'].src=img13.src ;
document.images['bottone8'].src=img15.src">
[img]bottone4su.jpg[/img]</a>
<a onMousedown="document.images['bottone5'].src=img10.src"
onMouseup="document.images['bottone1'].src=img1.src ;
document.images['bottone2'].src=img3.src ;
document.images['bottone3'].src=img5.src ;
document.images['bottone4'].src=img7.src ;
document.images['bottone6'].src=img11.src ;
document.images['bottone7'].src=img13.src ;
document.images['bottone8'].src=img15.src">
[img]bottone5su.jpg[/img]</a>
<a onMousedown="document.images['bottone6'].src=img12.src"
onMouseup="document.images['bottone1'].src=img1.src ;
document.images['bottone2'].src=img3.src ;
document.images['bottone3'].src=img5.src ;
document.images['bottone4'].src=img7.src ;
document.images['bottone5'].src=img9.src ;
document.images['bottone7'].src=img13.src ;
document.images['bottone8'].src=img15.src">
[img]bottone6su.jpg[/img]</a>
<a onMousedown="document.images['bottone7'].src=img14.src"
onMouseup="document.images['bottone1'].src=img1.src ;
document.images['bottone2'].src=img3.src ;
document.images['bottone3'].src=img5.src ;
document.images['bottone4'].src=img7.src ;
document.images['bottone5'].src=img9.src ;
document.images['bottone6'].src=img11.src ;
document.images['bottone8'].src=img15.src">
[img]bottone7su.jpg[/img]</a>
<a onMousedown="document.images['bottone8'].src=img16.src"
onMouseup="document.images['bottone1'].src=img1.src ;
document.images['bottone2'].src=img3.src ;
document.images['bottone3'].src=img5.src;
document.images['bottone4'].src=img7.src ;
document.images['bottone5'].src=img9.src ;
document.images['bottone6'].src=img11.src ;
document.images['bottone7'].src=img13.src">
[img]bottone8su.jpg[/img]</a></div>
</body>
Rispondi quotando