Søg
Avatar billede kgp43 Nybegynder
28. november 2003 - 11:47 Der er 16 kommentarer og
1 løsning

Forhindre flere klik på den samme knap - ala IPB

Hejsa,

Hos det dejlige forum "Invision Power Board" har de lavet dette:

Når der klikker på en submit knap, så kommer der en "vente knap" frem, der forhindre at man kan klikke mens der loades.

Hvordan kan dette laves?
Avatar billede fangel Nybegynder
28. november 2003 - 11:56 #1
hmm - man kan vel lave et stort div layer der ligger over resteen af siden- denne skal så bare være usynelig normalt, men via noget onclick ændres til at man kun kan se det...

Morten
Avatar billede kgp43 Nybegynder
28. november 2003 - 12:16 #2
Lyder kompliceret. Findes det ikke andre metoder?
Avatar billede fangel Nybegynder
28. november 2003 - 12:18 #3
kan ikke lige komme på nogle bedre - nej
Avatar billede fsconsult.dk Nybegynder
28. november 2003 - 12:26 #4
istedet for en submit knap, kan du benytte en button der kalder et javascript til at submitte siden.

Udover javascriptet skal du definere en javascript variabel som f.eks. bSidenSubmittet.

javascriptet skal lave:
  if (bSidenSubmittet) {
    alert("Du har allerede trykket på knappen. Vent venligst");
  } else {
    bSidenSubmittet = true;
    form.submit();
  }
Avatar billede dr-data Nybegynder
28. november 2003 - 12:38 #5
hvad med:

<html>
<body>
  <form action="#" OnSubmit="submit.disabled=true; return false;">
  <input name="submit" type="submit" value="weee">
  </form>
</body>
</html>

bare fjern "return false;", hvis du skal bruge scriptet :D
Avatar billede kgp43 Nybegynder
28. november 2003 - 12:42 #6
Det er ikke helt det jeg mener.
Når der klikkes på knappen, så bliver den til et billede, der ikke kan klikkes på.
Avatar billede fsconsult.dk Nybegynder
28. november 2003 - 12:50 #7
Du kan oprette to DIV elementer, og lægge submit knappen i den ene og dit billede i den anden.
Ved submit skal du så gøre den første usynlig, og den anden synlig.
Avatar billede dr-data Nybegynder
28. november 2003 - 12:54 #8
<html>
<body>
  <form action="#" OnSubmit="submit.style.display='none'; myimg.style.display='inline'; return false;">
  <input name="submit" type="submit" value="weee"><img name="myimg" src="" style="display: none;">
  </form>
</body>
</html>
Avatar billede kgp43 Nybegynder
28. november 2003 - 12:57 #9
dr-data... tror lige jeg vil prøve det når jeg kommer hjem :)
fsconsult; Jeg er ikke inde i det DIV noget, ved ikke hvad det er.
Avatar billede fsconsult.dk Nybegynder
28. november 2003 - 13:01 #10
kgp43> samme løsning som dr-data netop har givet. Han har blot benyttet display direkte på elementerne fremfor at pakke dem ind i et DIV tag :-)
Avatar billede kgp43 Nybegynder
28. november 2003 - 13:05 #11
Hvad er DIV for noget? Er det noget lignende CCS?
Avatar billede fsconsult.dk Nybegynder
28. november 2003 - 13:09 #12
nej DIV er et alm. HTML tag, der ikke har nogen særlig betydning i sig selv, men benyttes til at pakke andet HTML koden ind med.

f.eks.

<div name="div1">
  <input type="submit" value="weee">
</div>
<div name="div2" style="display: none;">
  <img src="">
</div>
Avatar billede dr-data Nybegynder
28. november 2003 - 13:13 #13
man kan derefter lave en onsubmit/onclick = "div1.style.display='none'; div2.style.display='inline';"

evt. se http://www.html.dk/dokumentation/html4/tags/div/
Avatar billede kgp43 Nybegynder
28. november 2003 - 13:16 #14
Okay... jeg prøver lige begge metoder så. Point bliver lige fordelt hvis jeg finder dem "ens".

Hvordan vil det se ud hvis man bruger billeder?

ON.gif
OFF.gif
Avatar billede dr-data Nybegynder
28. november 2003 - 13:25 #15
<form action="#" OnSubmit="myimg2.style.display='none';
myimg2.style.display='inline'; return false;">
<img name="myimg1" src="" style="display: inline;" OnClick="this.form.submit();">
<img name="myimg2" src="" style="display: none;">
  </form>

eller

<div name="div1">
  <img src="" OnClick="div1.display='none';div2.display='inline';">
</div>
<div name="div2" style="display: none;">
  <img src="">
</div>
Avatar billede dr-data Nybegynder
28. november 2003 - 13:26 #16
det skulle så have været :: OnClick="submit();">
Avatar billede kgp43 Nybegynder
01. december 2003 - 08:40 #17
Har ikke haft tid til at afprøve det endnu, så det er ikke fordi jeg har glemt denne tråd :P
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra PHP kategorien

Titel Indlæg Oprettet Seneste aktivitet
lukke sikkerhedshuller Af Asky i PHP 9 22/10/202615:45 26/10/202610:22
System til bordreservation Af Strawberry i PHP 3 20/07/202611:23 21/08/202611:02
Bruge PHP til at hente hjemmeside med fsockopen Af Strawberry i PHP 18 29/01/202613:08 02/02/202610:29
Hjemmeside der virker både på mobil og computer Af Strawberry i PHP 6 25/01/202620:06 30/01/202618:53
Hvordan får jeg reCAPTCHA på min hjemmeside? Af Strawberry i PHP 4 20/01/202621:11 23/10/202616:54
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 16:24 Google driller på MS Edge Af ErikHg i Browsere
I dag 15:48 søger pris på en bærbar Af dcedata1977 i PC
06/1119:03 iMac 2026 M6 10-core GPU (standart ell opdatering) Af LLG i Mac
06/1109:43 Vista Af susej14 i Andet software
05/1111:47 Printernavn i Enhedshåndtering er et andet end i Printere og Scannere Af Uvanga i Printere
White papers
Flere white papers »