Visualizzazione dei risultati da 1 a 5 su 5
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2003
    Messaggi
    1,413

    incrementare text velocemente

    ciao a tutti...
    ho un pulsante + che ogni volta che si preme incrementa il valore numerico di una text...e fin qui tutto ok.
    mi sono accorto pero che partendo da zero, se voglio arrivare a 100 impiego un "bel" po di tempo...
    non c'è un modo per creare il classico effetto che se l'utente tiene premuto il pulsante + per qualche secondo, il valore si incrementi più velocemente?

    grazie.

    ale

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    In teoria si`, in pratica e` un po` complesso, e rischi di fare una cosa che funziona in un browser solo.

    Dovresti usare l'evento onmousedown, che fa partire una routine ricorsiva (ma mettici sempre un setTimeout in mezzo)
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2003
    Messaggi
    1,413
    grazie mille..gia il fatto che i puo fare e un buon inizio..

    puoi essere un po piu dettagliato quando parli di set timeout??

    grazie

  4. #4
    Utente di HTML.it L'avatar di badaze
    Registrato dal
    Jun 2002
    residenza
    Lyon
    Messaggi
    5,372
    Prova questo....

    codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    
    <html>
    <head>
    <title>Untitled</title>
    <script language="JavaScript" type="text/javascript">
    <!--
    var pluto = false;
    function pippo(aOggetto,lunghezzaMassima) {
     if (pluto && parseInt( aOggetto.style.width) < lunghezzaMassima) {
      aOggetto.style.width = parseInt( aOggetto.style.width) + 1;
     } // if (pluto) 
    } // function pippo(aOggetto,lunghezzaMassima)
    //-->
    </script>
    
    </head>
    <body>
    <div style="width:0px;height:20px;background-color:red" id="mydiv"></div>
    <input type="button" value="++++" onmouseover="pluto=true" onmouseout="pluto=false">
    <script language="JavaScript" type="text/javascript">
    <!--
    setInterval("pippo(document.getElementById('mydiv'),200)",50);
    //-->
    </script>
    
    </body>
    </html>

  5. #5
    Moderatore di JavaScript L'avatar di br1
    Registrato dal
    Jul 1999
    Messaggi
    19,998
    esempio:
    codice:
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var fl=false;
    var tm;
    function sm() {
    	document.frm.txt.value = parseInt(document.frm.txt.value,10) +1
    	tm = setTimeout("sm()",(fl)?100:500);
    }
    //-->
    </SCRIPT>
    
    ...
    
    <form name=frm>
    <input type=text name=txt value=0>
    <input type=button value="+" onmousedown="sm();fl=true;" onmouseup="clearTimeout(tm);fl=false">
    </form>
    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

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.