login  Naam:   Wachtwoord: 
Registreer je!
 Forum

vertragen na submitbutton (Opgelost)

Offline prinsrob - 18/02/2008 21:03 (laatste wijziging 19/02/2008 20:45)
Avatar van prinsrobNieuw lid hoi,

Ik ben al even bezig om mijn zoek formulier te voorzien van een mooi divje als er op de submitbutton wordt geklikt. Maar je zieter weinig van omdat het resultaat er te snel is. Hoe kan ik er een vertraging in bouwen. Die set timeout heb ik al geprobeerd maar dat werkt niet omdat die actie doorgaat naar die "action"
zie script.

http://plaatscode.be/5666/

3 antwoorden

Gesponsorde links
Offline BramBo - 20/02/2008 14:48
Avatar van BramBo JS gevorderde Allereerst, met het oog op usability lijkt het met niet heel erg verstandig om een delay in te bouwen alleen omdat je wat eye candy wilt laten zien.

Anyhoo je kunt de onsubmit van een formulier zo ombouwen dat het form alleen door javascript wordt gesubmit.
Dus in je form voeg je een onSubmit eventhandler toe, like so:
  1. <form onsubmit="return formSubmit();">


en dan schrijf je in javascript de functie die de delay implementeer.
  1. function formSubmit() {
  2. window.setTimeout(function(e) { document.forms['dialog'].submit(); }, 10000);
  3. return false;
  4. }


document.forms is een object met alle forms in je document aanroep: document.forms["FORMNAAM"]
Offline ikkedikke - 21/02/2008 16:57
Avatar van ikkedikke PHP expert BramBo: Heb je wel nagekeken of dit geen oneindige loop geeft?
Offline BramBo - 21/02/2008 23:10
Avatar van BramBo JS gevorderde ah juist, daar had ik nog niet aangedacht.
Dan dien je wat boolean logic toe te voegen. dus:

  1. var rValue = false;
  2.  
  3. function formSubmit() {
  4. window.setTimeout(function(e) { rValue = true; document.forms['dialog'].submit(); }, 10000);
  5. return rValue;
  6. }
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.188s