[JS] Formular für bestimmte Zeit deaktivieren

Hansi05 · 30.08.2009

Hey,

ich hab ne Formular mit:

2 Auswahllisten
3 Eingabefeldern
1 Checkbox
1 Submit Button

Die einzelnen Elemente haben alle den Name form6, jetzt hab ich mir n Code ergooglet der alle Elemente mit diesem Namen deaktiviert:

Code:

<script language="Javascript">
  function disable() {
    var limit = document.form6[0].elements.length;
    for (i=0;i<limit;i++) {
      document.form6[0].elements[i].disabled = true;
    }
  }
</script>

Das ganze funkt auch prima, das einzige, was mir jetzt noch fehlt, ist dass das Formular nur für eine bestimmte Zeit deaktiviert ist und man es nach Ablauf dieser Zeit ganz normal verwenden kann, und die Zeit, bis das Formular verwendet werden kann muss irgendwo angezrigt werden können.

Kann mir da jemand weiterhelfen?

mfg

netbandit · 30.08.2009

AW: [JS] Formular für bestimmte Zeit deaktivieren

Was meinst Du mit Zeit? Von xx:xx Uhr bis xx:xx Uhr, oder x Sekunden/Minuten/Stunden nach aufruf der Seite oder, oder, ... :uhm:

Hansi05 · 30.08.2009

AW: [JS] Formular für bestimmte Zeit deaktivieren

Was vllt noch fehlt: Die Funktion wird mit <body onload="disable()"> aufgerufen ...

Nach 10 Sekunden soll das Formular dann benutzbar sein, sprich die Funktion disable() soll dann außerkraft gesetzt werden

Ich hab hier noch n Code womit ich das bei nem einzlnen button erreiche aber bekommdas nicht auf mein Formular umgebaut :eek:

cebito · 30.08.2009

AW: [JS] Formular für bestimmte Zeit deaktivieren

So z.B.:

Code:

<script language="Javascript">
  function disable() {
    var limit = document.form6[0].elements.length;
    for (i=0;i<limit;i++) {
      document.form6[0].elements[i].disabled = true;
      }
      timer=setTimeout('enable()',10000);
  }
  function enable() {
    var limit = document.form6[0].elements.length;
    for (i=0;i<limit;i++) {
      document.form6[0].elements[i].disabled = false;
    }
  }
</script>

netbandit · 30.08.2009

AW: [JS] Formular für bestimmte Zeit deaktivieren

... und mit Counter ein Beispiel:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
        <title>Untitled</title>
<script language="Javascript">
var pause=30;
function countdown(){
         counter=document.getElementById('ct');
         counter.innerHTML=pause+' ';
         if(pause>0){
            pause--;
            window.setTimeout("countdown()", 1000);
         }
         else{
             disable(false);
         }
}
function disable(wert){
         limit = document.form6.elements.length;
         for (i=0;i<limit;i++){
              document.form6.elements[i].disabled = wert;
         }
         if(wert==true){
            countdown();
         }
}
</script>
</head>
<body onload="disable(true)">
Das Formular ist in <span id="ct"></span> Sekunden aktiv.<br>
<form name="form6">
<input name="vorname" type="text" size="30" maxlength="30">
<input name="name" type="text" size="30" maxlength="30">
</form>
</body>
</html>

Mhelcor · 30.08.2009

AW: [JS] Formular für bestimmte Zeit deaktivieren

Kleiner Einspruch zur "Position" von

Code:

timer=setTimeout('enable()',10000);

Der Aufruf steht innerhalb der for-Schleife und würde damit "limit"-mal nach ca. 10s (+/- ein paar Nanosekunden) wiederholt werden - was keiner will/braucht.
Es genügt *ein* Aufruf von setTimeout() nachdem die Schleife durch ist und wenn die Variable "timer" sowieso nicht genutzt wird, um sie in enable() wieder sauber zu entsorgen (window.clearTimeout(timer) ), ist sie unnötig.

Code:

function disable() {
    var limit = document.form6[0].elements.length;
    for (i=0;i<limit;i++) {
        document.form6[0].elements[i].disabled = true;
    }
    window.setTimeout('enable()',10000);
}
function enable() {
 // ... wie gehabt
}

M.

cebito · 30.08.2009

AW: [JS] Formular für bestimmte Zeit deaktivieren

Mhelcor schrieb:
Kleiner Einspruch zur "Position" von

Code:

timer=setTimeout('enable()',10000);

ups, war ich mal wieder zu schnell, hatte ich gar nicht drauf geachtet, danke, habs mal geändert