Salve ragazzi, ho una domanda veloce da porvi.
Mettiamo di avere su di una pagina html due pulsanti play e stop. Il pulsante play fa partire un ciclo for, il pulsante stop dovrebbe fermare questo ciclo o qualcosa del genere. Il problema sta nel fatto che una volta premuto play, finchè il ciclo non termina, non posso premere nessun'altro pulsante all'interno della pagina, in che modo è possibile risolvere questo problema. Mi servono delle dritte. Non sono molto esperto su questo tema. Grazie!
up
Hai provato ad associare all'evento onclick del tasto "STOP" un semplice window.stop()?
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
una volta che premo il tasto di play, tutti gli altri bottoni non sono cliccabili, è come se deve necessariamente finire l'azione provocata dal tasto start prima di poter passare a cliccare un altro tasto.
Strano, sicuro* che il ciclo funzioni correttamente e che non impalli in browser eseguendo un ciclo infinito? O che non stai usando una libreria/framework tipo jquery che blocca il documento?
*Per sicurezza intendo che hai eseguito tutte le verifiche è hai l'assoluta certezza del corretto funzionamento, non credo di si, altrimenti si perde il tempo entrambi
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
praticamente (in modo da esporre meglio il problema) una volta che premo il tasto play, una sfera inizia a muoversi all'interno di una finestra x3d. Il mio compito è quella di fermarla se premo il tasto stop.
In pratica se premo play, ho messo un ciclo for che imposta l'attributo traslation, se premo stop dovrebbe fermarlo in quella posizione. Il fatto è che che finche non finisce quel ciclo, cioè finchè la sfera non finisce di muoversi, il tasto stop non posso premerlo.
L' unica cosa per sospendere un ciclo for in corso di esecuzione, è di metterci in mezzo un alert() che ti vedrai saltar su a chiedere Ok ad ogni "colpo" del for.
Questo perché gli alert, prompt e confirm giocano ad un livello "più profondo" nel software del browser.
Difficilmente si potrebbe ottenere un controllo analogo da un type="button" credo.
Per realizzare quello che intendi ottenere, abbandonerei il loop for e mi baserei sulla ricorsione: una funzione che richiama se stessa.
Il richiamo lo possiamo differire con un setTimeout() (temporizzatore).
Prova questo modellino:
Insorgerà una problematica (prevista) se clicchi ripetutamente ...codice:<html><head><title>sliding div</title> <script type="text/javascript"> var mL = 0; function moveR(){ mL = mL + 4; //numero di pixel in aggiunta document.getElementById("thing").style.marginLeft = mL + "px"; TimerLeft = setTimeout('moveR();', 100); //in milli-secondi }; function rest(){ clearTimeout(TimerLeft); }; </script> </head><body> <div id="thing" style="width: 100px; height: 50px; border: 1px solid red;"></div> <hr> <input value="move right" type="button" onclick="moveR()"> <input value="stop" type="button" onclick="rest();"> </body></html>
Beh, per ovviare alla problematica basterebbe aggiungere quesot prima del setTimout:Originariamente inviato da Enzaccio
L' unica cosa per sospendere un ciclo for in corso di esecuzione, è di metterci in mezzo un alert() che ti vedrai saltar su a chiedere Ok ad ogni "colpo" del for.
Questo perché gli alert, prompt e confirm giocano ad un livello "più profondo" nel software del browser.
Difficilmente si potrebbe ottenere un controllo analogo da un type="button" credo.
Per realizzare quello che intendi ottenere, abbandonerei il loop for e mi baserei sulla ricorsione: una funzione che richiama se stessa.
Il richiamo lo possiamo differire con un setTimeout() (temporizzatore).
Prova questo modellino:
Insorgerà una problematica (prevista) se clicchi ripetutamente ...codice:<html><head><title>sliding div</title> <script type="text/javascript"> var mL = 0; function moveR(){ mL = mL + 4; //numero di pixel in aggiunta document.getElementById("thing").style.marginLeft = mL + "px"; TimerLeft = setTimeout('moveR();', 100); //in milli-secondi }; function rest(){ clearTimeout(TimerLeft); }; </script> </head><body> <div id="thing" style="width: 100px; height: 50px; border: 1px solid red;"></div> <hr> <input value="move right" type="button" onclick="moveR()"> <input value="stop" type="button" onclick="rest();"> </body></html>
if ( TimerLeft != undefined && TimerLeft != null ) clearTimeout ( TimerLeft ) ;
Chiamatemi sven se volete non ho voglia di fare una nuova email per una nuova registrazione xD
Mac Future User , Ventilatore for PC Cooler user , - dry is coming -
grazie a tutti! Ora ho risolto con la funzione ricorsiva! Grazie ancora.
Permessi di invio
Rispondi quotando