WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Nedräkning i submit-button (https://www.wn.se/forum/showthread.php?t=6234)

robertsson 2005-02-18 09:36

Nu har jag letat på nätet i dagar utan framgång med jag vet att jag sett det innan.

Är det någon som har ett script som gör att när man kommer in på sidan så är submit knappen disabled och går inte trycka i typ 15 sekunder och blir sedan enabled? Helst ska man kunna se en räknare i knappen så man vet hur lång tid det är kvar.

Schneaker 2005-02-18 10:18

Kod:

<html>
        <head>
<script language="javascript">
function fixtime(input){
        minutes = Math.round((input / 60) + 0.5) - 1;
        seconds = input - (minutes * 60);
        minutes = minutes + "";
        if(minutes.length < 2){
 minutes = "0" + minutes;
        }
        seconds = seconds + "";
        if(seconds.length < 2){
 seconds = "0" + seconds;
        }
        returnval = minutes + ":" + seconds;
        return returnval;
}

function testtime(){
        if(i >= 0){
 document.forms.exampleform.submitbutton.value = 'Knappen låst (' + fixtime(i) + ')';
 i = i - 1;
 setTimeout("testtime()", 1000);
        }
        else{
 document.forms.exampleform.submitbutton.value = 'Skicka';
 document.forms.exampleform.submitbutton.disabled = false;
        }
}
</script>
</head>
        <body>
        <form action="http://127.0.0.1" method="post" name="exampleform">
        <input type="submit" name="submitbutton" disabled="true" />
        </form>
        <script language="javascript">
 var i = 10; //Antal sekunder att räkna ner
 testtime();
        </script>

Visar visserligen tiden i mm:ss, men det är lätt att modda, tror jag. Modifierade lite kod som jag skrev för längesedan.

*edit: En snyggare variant med mindre kod och indentering finns att hämta från http://extra.hamsterpaj.net/submitcountdown.html


Alla tider är GMT +2. Klockan är nu 02:45.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson