Scroll testo dentro <div>: se presenti più <div> non funziona.

[goat]

Ciao,
ho fatto un bel po' di ricerchine; ma non sono riuscito a trovare la soluzione a 'sto problema.
Praticamente ho un div con del testo che scrolla se mi posiziono con il mouse sopra dei pulsanti.
Qua il JS:

    <script type="text/javascript">
    
    function init_dw_Scroll() {
        var wndo = new dw_scrollObj('scroll', 'txt');
        wndo.setUpScrollControls('arrows');
    }
    if ( dw_scrollObj.isSupported() ) {
        dw_Event.add( window, 'load', init_dw_Scroll);
    }
    
    </script> 

E questo l'html:

    <div id="scroll">
        <div id="txt">
            

Qua ci metto il mio testo...</p>
        </div>
    </div>
    <div id="arrows">
        [url="#null"][img]img/arrow_up.gif[/img][/url]
        [url="#null"][img]img/arrow_down.gif[/img][/url]
    </div> 

Ovviamente vengono richiamati altri file Js esterni; ma non credo ci interessino, in 'sto caso.
Il problema è dato dal fatto che avrei esigenza di usare diversi <div> nella stessa pagina; ma così facendo il JS non funziona. Non c'è un modo, il più indolore possibile, per sostituire quegli id con delle classi?

In alternativa accetto anche link a tutorial vari o altro.

Grazie,
goat

[lucavizzi]

puoi provare così:

<script type="text/javascript"> 
     
    function init_dw_Scroll() { 
        var wndo = new dw_scrollObj('scroll', 'txt'); 
        wndo.setUpScrollControls('arrows'); 
    } 


    function init_dw_Scroll2() { 
        var wndo = new dw_scrollObj('scroll2', 'txt'); 
        wndo.setUpScrollControls('arrows2'); 
    } 


    if ( dw_scrollObj.isSupported() ) { 
        dw_Event.add( window, 'load', init_dw_Scroll);
        dw_Event.add( window, 'load', init_dw_Scroll2);
    } 
     
    </script>

[goat]

La tua soluzione ha la sua logica, solo che non funziona.
Adesso il Js appare così:

function init_dw_Scroll1() {
    var wndo = new dw_scrollObj('scroll1', 'txt1');
    wndo.setUpScrollControls('arrows1');
}
function init_dw_Scroll2() {
    var wndo = new dw_scrollObj('scroll2', 'txt2');
    wndo.setUpScrollControls('arrows2');
}
if ( dw_scrollObj.isSupported() ) {
    dw_Event.add( window, 'load', init_dw_Scroll1);
    dw_Event.add( window, 'load', init_dw_Scroll2);
} 

ed ho quindi modificato anche gli id corrispondenti nell'html.
Il primo funzia perfettamente, mentre il secondo non.
Strana, 'sta roba.

[goat]

Ho risolto con questo JS:

function toTop(id){
    document.getElementById(id).scrollTop=0
    }

defaultStep=1
step=defaultStep

function scrollDivDown(id){
    document.getElementById(id).scrollTop+=step
    timerDown=setTimeout("scrollDivDown('"+id+"')",10)
    }

function scrollDivUp(id){
    document.getElementById(id).scrollTop-=step
    timerUp=setTimeout("scrollDivUp('"+id+"')",10)
    } 

e questo HTML:

<div id="div1">
Testo lunghissimo...
</div>
[url="#null"]UP[/url]
[url="#null"]DOWN[/url] 

E poi si duplica l'html utilizzando un id diverso per il secondo div.
Però sarebbe carino riuscire a regolare la velocità dello scroll, che non mi sembra si possa.
Qualcuno integrare 'sta cosa?