PDA

Visualizza versione completa : MARQUEE Multipli onmouseover stop e start


gionny
13-09-2009, 14.43.16
onmouseover="this.stop()"
onmouseout="this.start()"

Salve
ho applicato il marque per il testo scorrevole con link da destra a sinistra e viceversa nel mio sito
Si ferma quando metto il mouse sopra e si riavvia quando tolgo il mouse
Funziona perfettamente
Il problema è che ho copiato questo codice funzionante e ho creato nella stessa pagina altri 3 links con marquee uguali al primo
Io vorrei che si fermasse ovviamente il link su cui passo il mouse
Invece anche se metto il mouse su uno dei 3 links creati successivamente l'effetto è che si blocca sempre il primo cioè quello originale..ci sto impazzendo!
Come farli funzionare indipendentemente l'uno dall'altro?
Su internet si trovano solo guide con comandi semplici
Ecco il codice
Grazie 1000!

<a onMouseOut="javascript:marquee.start()" onMouseOver="javascript:marquee.stop()">
<marquee id="marquee" width=405 height=25 style="background-color:#66CCFF ; color:#FFFFFF;
border:3px solid blue ; font-style:normal; font-variant:normal; font-weight:normal;
font-size:14px; font-family:Times New Roman" behavior="alternate"><a href="http://www." target="blank"><p align="center"><b>ROSE 09\10: ASTA INIZIALE</marquee></a></b></font><br>
<font color="#FF0000"><b>
<a onMouseOut="javascript:marquee.start()" onMouseOver="javascript:marquee.stop()">
<marquee id="marquee0" width=405 height=25 style="background-color:#66CCFF ; color:#FFFFFF;
border:3px solid blue ; font-style:normal; font-variant:normal; font-weight:normal;
font-size:14px; font-family:Times New Roman" behavior="alternate"><a href="http://www." target="blank"><p align="center"><b>ROSE 09\10: POST 1° MERCATO</marquee></a></b></font><br>
<font color="#FF0000"><b>
<a onMouseOut="javascript:marquee.start()" onMouseOver="javascript:marquee.stop()">
<marquee id="marquee1" width=405 height=25 style="background-color:#66CCFF ; color:#FFFFFF;
border:3px solid blue ; font-style:normal; font-variant:normal; font-weight:normal;
font-size:14px; font-family:Times New Roman" behavior="alternate"><a href="http://www." target="blank"><p align="center"><b>ROSE 09\10: POST 2° MERCATO</marquee></a></b></font><br>
<font color="#FF0000"><b>
<a onMouseOut="javascript:marquee.start()" onMouseOver="javascript:marquee.stop()">
<marquee id="marquee2" width=405 height=25 style="background-color:#66CCFF ; color:#FFFFFF;
border:3px solid blue ; font-style:normal; font-variant:normal; font-weight:normal;
font-size:14px; font-family:Times New Roman" behavior="alternate"><a href="http://www." target="blank"><p align="center"><b>ROSE 09\10: POST 3° MERCATO</marquee></a></b></font>

P8257 WebMaster
14-09-2009, 09.14.50
Ti succede perché applichi il metodo start praticamente soltanto al primo ad ogni link...
L'attributo "id" in dhtml/javascript è molto importante perché da il nome all'istanza di oggetto su cui poi andarai ad oeprare, di conseguenza se il primo marquee .. lo chiami "marquee" e chiami il metodo .start() tutto funziona, ma se nel sencondo e nel terzo che chiami "marquee0" e "marquee1" chiami sempre "marquee.start()" attiverai e disattiverai sempre il primo .. quindi prova a chiamare marquee0.start() per il secondo e così via...

Altra cosa .. ti sconsiglio vivamente l'utilizzo di marquee, è un tag che all'inizio era proprietario di IE, adesso non so se sia supportato pienamente da firefox o da altri browser ma sicuramente chi ha versioni precedenti di firefox o altro, non riuscirà a visualizarlo correttamente, per cui ceca qualche javascript (ce ne sono migliaia) che ti visualizzi del testo scorrevole...