• User Newbie

    TAG MARQUEE e Javascript

    Testo scorrevole con pulsanti di controllo Salve, image

    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.
    image Lo stop cioè il 'riavvolgimemento e blocco dello scorrimento perché non riesco a portare il testo all'inizio non so come fare!
    image 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.
    image 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


  • Community Manager

    CIao Corvus e benvenuto nel Forum GT,

    sono sicuro che qualcuno saprà aiutarti 😉


  • Super User

    Ciao Corvus, ti sposto nella sezione più consona alla tua richiesta.

    :ciauz: