Testo scorrevole con pulsanti di controllo Salve,
Vorrei creare un testo scorrevole in 'verticale', con dei pulsanti che permettano all'utente il controllo della velocità di scorrimento, la direzione, la pausa e lo stop ecc.
Inoltre vorrei poterlo fare con più temi di scorrimento, cioè come impostazione di default fa scorrere per un loop il testo riguardante un argomento, poi passa al testo di un altro argomento.
Sono rimasto bloccato sulla proggrammazione di alcune di queste opzioni di controllo.
Lo stop cioè il 'riavvolgimemento e blocco dello scorrimento perché non riesco a portare il testo all'inizio non so come fare!
E il cambio di argomento, perché non so come determinare la fine di un loop a Javascript, che sarebbe la condizione che provocherebbe l'azione di cambio argomento.
l'esempio e su www.free-italyguide.com/index.php?hm=ecoturismo .
Questo è la bozza di script che ho fatto:
<script type="text/javascript" language="javascript">
function txt_scrrvl(x, azione){
var marq = document.getElementById(x);
switch(azione){
case 'up': marq.direction = 'up'; break;
case 'down': marq.direction = 'down'; break;
case 'stop': marq.stop(); break;
case 'play': marq.start();
case 'more': var speedA = marq.scrollAmount; speedA++; marq.scrollAmount = speedA; break;
case 'less': var speedA = marq.scrollAmount; speedA--; marq.scrollAmount = speedA; break;
}
}
</script>
<div><img src="img/testo_scorrevole/scorrevole_1.gif" width="17" height="21" /><img src="img/testo_scorrevole/scorrevole_button_plus.gif" alt="Accellera scorrimento" width="20" height="19" style="margin-left:40px" onclick="txt_scrrvl('marq','more')" /><img src="img/testo_scorrevole/scorrevole_button_less.gif" alt="Decellera scorrimento" width="20" height="19" onclick="txt_scrrvl('marq','less')" /><img src="img/testo_scorrevole/arrow_up.gif" alt="up" width="20" height="21" style="margin-left:25px" onclick="txt_scrrvl('marq','up')" /><img src="img/testo_scorrevole/arrow_down.gif" width="20" height="21" onclick="txt_scrrvl('marq','down')" /><img src="img/testo_scorrevole/play.gif" alt="play" width="20" height="21" style="margin-left:25px" onclick="txt_scrrvl('marq','play')" /><img src="img/testo_scorrevole/pause.gif" width="20" height="21" onclick="txt_scrrvl('marq','stop')"/><img src="img/testo_scorrevole/stop.gif" alt="stop" width="20" height="21" onclick="txt_scrrvl('marq','stop')" /></div>
<marquee behavior="scroll" direction="up" scrollamount="2" scrolldelay="30" id="marq" style="height:166px; padding-bottom: 0px; padding-left: 15px; padding-top: 0px; padding-right: 15px;">
? PROVA 1.<br /><br />
? fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine 1.<br /><br />
? fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine 10.<br /><br />
? fine fine fine fine fine fine fine fine fine fine fine fine fine fine fine 11.<br /><br />
? end end end end end end end end end .<br /><br />
</div>
</marquee>
Qualcuno può darmi una qualsiasi indicazione?
Accetto tutto, anche un metodo completamente diverso, senza il tag marquee.
p.s.
Poi non capisco perché con Opera 9... non funziona neanche quello già fatto, che invece funziona su explorer, firefox e il vecchio netscape 7.2