'Page Loading'-box

Et simpelt eks:

function wait(elem) {
  elem.disabled=true;
  elem.value="Vent venligst";
  setTimeout("document.forms[0].submit()",3000);
}

and

<form method="post" action="http://www.eksperten.dk">
<input type="button" value="Send" onclick="wait(this);">
</form>

oh.. setTimeout er blot for at du kan nå at set hvad der sker.
I production ville det så se sådan ud

function wait(elem) {
  elem.disabled=true;
  elem.value="Vent venligst";
  document.forms[0].submit();
}

Ja, men den venter i 3 sekunder ikke ? Kan man få den til at vente til præcis når siden er reloaded ?

Ok :)

Smid et svar.

Alright.

Forresten, skal man disable="disable" samtlige elementer i en formularen, eller er man nødt til at tage dem en ad gangen ?

Det er vel rigeligt med submit knappen, så kan brugeren ikke gøre "skade"?

Det er fordi formularen submittes inden den er udfyldt, bl.a vha. en checkbox.

okay hvad så med sådan her:

function wait(elem) {
  elem.disabled=true;
  elem.value="Vent venligst";
  var i,tags=document.forms[0].elements;
  for (i=0; i<tags.length; i++) {
    tags[i].disabled=true;
  }
  setTimeout("document.forms[0].submit()",3000);
}

Ja faktisk kun sådan
function wait(elem) {
  elem.value="Vent venligst";
  var i,tags=document.forms[0].elements;
  for (i=0; i<tags.length; i++) {
    tags[i].disabled=true;
  }
  setTimeout("document.forms[0].submit()",3000);
}

<form method="post" action="http://www.eksperten.dk">
<input type="text">
<input type="button" value="Send" onclick="wait(this);">
</form>

så disables alle form elementer

(igen - slet timeout) =oD

Hvordan ville man bruge den på en checkbox ?

same - onclick="wait(this);"

Så får du bare ingen "Vent venligst" (og skal slette den stump i koden).
Men så kan du jo bare vise en skjult div e.lign. istedet med en tekst i.

Noget ala

function wait(elem) {
  document.getElementById("_wait").style.display="block";
  var i,tags=document.forms[0].elements;
  for (i=0; i<tags.length; i++) {
    tags[i].disabled=true;
  }
  document.forms[0].submit();
}

<form method="post" action="http://www.eksperten.dk">
<div id="_wait" style="display:none;">Vent lige lidt..</div>
<input type="text">
<input type="checkbox" value="Send" onclick="wait(this);">
</form>

lidt i relation til ovenstående, hvordan hvis man ikke skal klikke på noget, men bare skal se "page loading..", indtil siden vises

Well simple

<div id="_load" style="width:100%;height:100%;z-index:99;background-color:white;">Page loading....</div>

og lidt js:

window.onload = function() {
  document.getElementById("_load").style.display="none";
}

F.eks. phoenix' avancerede preloader (se under billeder !-): http://www.phoenixv.dk/arkiv.html

Jeg er ikke helt sikker på hvilken af jeres kode jeg skal bruge ?

Det skal bare være således, at når jeg trykker på en given checkbox, så popper der en 'div' op, denne 'div' skal automatisk forsvinde når formularen er loaded.

Kan I give mig et eksempel på dette :)