Avatar billede mercutio Nybegynder
18. marts 2003 - 12:55 Der er 12 kommentarer og
2 løsninger

Hvordan gør jeg en knap inaktiv efter klik?

Jeg vil gerne have at en knap på min side bliver inaktiv så man stadig kan se den men ikke kan trykke på den igen...

Det er for at undgå at folk trykker flere gange på samme knap fordi de bliver utålmodige.

Kan man lave et lille fansi script til det?
Avatar billede pelkjaer Nybegynder
18. marts 2003 - 13:03 #1
<button id="mybutton" onclick="document.getElementById('mybutton').disabled = true;">klik her</button>
Avatar billede bearhugx Nybegynder
18. marts 2003 - 13:08 #2
man kan fjerne knappen helt ved følgende
<input type="button" onclick="this.style.visibility='hidden';">
Avatar billede bearhugx Nybegynder
18. marts 2003 - 13:10 #3
pelkjær >> hvorfor ikke bare
  <button onclick="this.disabled=true;"> Klik her! </button>
Avatar billede mercutio Nybegynder
18. marts 2003 - 13:10 #4
ack undskyld. Hvis nu det er et billede med et link kan man så stadig?
Avatar billede bearhugx Nybegynder
18. marts 2003 - 13:10 #5
med this har du jo allerede fat i elementet...
Avatar billede pelkjaer Nybegynder
18. marts 2003 - 13:12 #6
detalje :)
Avatar billede mercutio Nybegynder
18. marts 2003 - 13:17 #7
Gutter hvis det er et billede med link kan man så stadig?
Avatar billede bearhugx Nybegynder
18. marts 2003 - 13:19 #8
er igang med at teste noget kode... men der kommer så lidt javascript med ind i det...
Avatar billede pelkjaer Nybegynder
18. marts 2003 - 13:21 #9
kan du ikke bare bruge en <input type="image"> så er pricippet det samme
Avatar billede bearhugx Nybegynder
18. marts 2003 - 13:26 #10
her er så løsningen :

<html>
  <head>
    <script>
      function onlyOneClick( elem ) {
        if( elem.hasBeenClicked ) return false;
        elem.hasBeenClicked = true;
        return true;
      }
    </script>
  </head>
  <body>
    <a href="enURL.html" target="_dummy" onclick="return onlyOneClick(this);"><img src="flag.jpg"></a>
  </body>
</html>


første gang man trykker på linket køres onlyOneClick - og der sættes hasBeenClicked-variablen på a-href-elementet.. næste gang man trykker vil metoden så returnere false, da hasBeenClicked-variablen nu findes (og er sand) på elementet - derfor vil der blive returneret false -- dette false bliver så sendt videre - og linket afbrydes...

Håber i forstår - ellers så står jeg klar til at forklare... :-)

/Søren
Avatar billede mercutio Nybegynder
18. marts 2003 - 13:55 #11
Jeg vil sige mange tak til jer begge. Jeg bruger faktisk input type image så det kommer jo til at spille. Et sidste spørgsmål hvis jeg har flere funktioner der skal affyres med onclick skriver jeg så bare onclick=metode_et(),metode_to()"
Avatar billede bearhugx Nybegynder
18. marts 2003 - 13:57 #12
method_one(); method_two(); osv..

altså ';' imellem  -ikke ','
Avatar billede mercutio Nybegynder
18. marts 2003 - 13:59 #13
tak =)
Avatar billede no_doubt Nybegynder
18. marts 2003 - 15:00 #14
Øhh læste lige lidt med, hvad kan man gøre sådan at man kan submitte med den knap pelkjaer ? og når man så kommer tilbage vil den være disabled.
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester