Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    scrollare div continuativamente

    Ho realizzato un div che scrolla (da sx a dx e viceversa)alla pressione di due bottoni.
    Vorrei ora perfezionare lo script che mi fa muovere il div, facendo scorrere continuativamente il div se il pulsante rimane premuto.
    Ho provato in vari modi, ma ottengo solo errori di stack overflow (quando va bene), o mando in tilt il browser (cpu 100%).
    provo ad allegare lo script:

    var againRight;
    function moveRight(){
    starting_x = starting_x+20; document.getElementById('nomediv').style.left = starting_x;
    if(againRight==true){
    setTimeout("moveRight()",100);
    }
    }

    starting_x è la coordinata x su cui è originariamente posizionato il div

    sull'evento onclick="moveRight(true);" -- (avvio lo scrolling)
    sull'evento onmouseup="moveRight(false);" -- (fermo lo scrolling)

    C'è sicuramente un errore di fondo, ma non riesco a capire quale.
    Se per caso avete uno script che fa altrettanto, vi sarei grato se poteste condividerlo.
    grazie
    ciao
    <>-<>-<>-<>-<>-SqUArAuS-<>-<>-<>-<>-<>
    Memobit
    Maneggio La Rocca

  2. #2
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    Esempio:
    codice:
    <script>
    starting_x=10
    var againRight=false; 
    function moveRight(x){ 
    	if (!x) {
    		clearInterval(againRight);
    		againRight=false;
    	} else {
    		starting_x = starting_x+20; 
    		document.getElementById('nomediv').style.left = starting_x; 
    		if(!againRight){ 
    			againRight=setInterval("moveRight(true)",100); 
    		} 
    	}
    } 
    </script>
    <body>
    starting_x è la coordinata x su cui è originariamente posizionato il div 
    
    -> 
    
    
    <div id="nomediv" style="position:absolute;background-color:red;">div</div>
    </body>
    ciao
    Il guaio per i poveri computers e' che sono gli uomini a comandarli.

    Attenzione ai titoli delle discussioni: (ri)leggete il regolamento
    Consultate la discussione in rilievo: script / discussioni utili
    Usate la funzione di Ricerca del Forum

  3. #3
    grandioso....bravissimo
    grazie
    <>-<>-<>-<>-<>-SqUArAuS-<>-<>-<>-<>-<>
    Memobit
    Maneggio La Rocca

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.