Avatar billede c-lund Nybegynder
10. oktober 2006 - 13:52 Der er 13 kommentarer og
1 løsning

deaktiver knap

Hey

Jeg har en knap der ser således ud
<input type="image" src="images/knap.gif" name="knap" value="knap">
Hvordan for man den til at ændre sig til
<img src="images/knap2.gif"> når man trykker på den
Avatar billede olebole Juniormester
10. oktober 2006 - 14:22 #1
<ole>

<script type="text/JavaScript">
function doDaShit(o) {
    var im = document.createElement("img");
    im.setAttribute("src", "images/knap2.gif");
    o.parentNode.replaceChild(im, o);
}
</script>

<input type="image" onclick="doDaShit(this)" src="images/knap.gif" name="knap" value="knap">

/mvh
</bole>
Avatar billede c-lund Nybegynder
10. oktober 2006 - 14:27 #2
knappen står i en formular, og denne bliver ikke submittet nu, hvad skal ændres?
Avatar billede olebole Juniormester
10. oktober 2006 - 14:37 #3
Jamen, ved submit af en form reload'es siden jo - eller et andet dokument loades i browseren.
Det er vel på serveren, du skal indskrive det ene eller det andet element i koden - alt efter, om formen har været submittet eller ej  =)
Avatar billede c-lund Nybegynder
10. oktober 2006 - 14:48 #4
det eneste der sker når jeg trykker på knappen, er at den ændres til en anden, den sender ikke mine oplysniner der står i formularen videre
Avatar billede olebole Juniormester
10. oktober 2006 - 14:52 #5
Nej, det forstod jeg - og derfor svarede jeg, som jeg gjorde  :)

Du skal ikke scripte dette i klientkoden, men lade serveren indsætte knappen eller billedet i dokumentet - alt efter om formen har været submittet eller ej
Avatar billede c-lund Nybegynder
10. oktober 2006 - 14:59 #6
det er for at undgå at brugeren trykker flere gange på knappen mens han venter på at det næste kommer frem
Avatar billede olebole Juniormester
10. oktober 2006 - 15:22 #7
Nååhh, det kunne du jo bare sige  :)
    <form ............... onsubmit="this.knap.disabled=true">
Avatar billede c-lund Nybegynder
10. oktober 2006 - 15:32 #8
knappen skal stadig ændre sig til en anden, så man også kan se at den er deaktiveret
Avatar billede olebole Juniormester
10. oktober 2006 - 16:10 #9
ehhhhh ... jamen, knappen er jo disabled. Det skulle da gerne stå lysende klart for enhver, idet den tydeligt skifter udseende til en disabled knap  :)

Hvis det er meget tunge brugere, du har, kan du evt. ændre teksten:
    <form ............... onsubmit="this.knap.value='Død knap';this.knap.disabled=true">

- så kan der vist ikke længere være tvivl  :)
Avatar billede c-lund Nybegynder
10. oktober 2006 - 16:12 #10
Knappen ændre sig ikke til en disabled knap hvis man bruger type="image"
<input type="image" src="images/knap.gif" name="knap" value="knap">
Avatar billede olebole Juniormester
10. oktober 2006 - 16:18 #11
Dooohhhh ... sorry, det mig, der er dum! Jeg har bare lige siddet og svaret på et andet knap-spørgsmål ... selvfølgelig sker det her ikke med type="image"  ;o)

<script type="text/JavaScript">
function doDaShit(o) {
    var im = document.createElement("img");
    im.setAttribute("src", "images/knap2.gif");
    o.parentNode.replaceChild(im, o);
}
</script>

<form ................. onsubmit="doDaShit(this.knap)">

- så skulle det gerne funke  =)
Avatar billede c-lund Nybegynder
22. januar 2008 - 10:31 #12
Kan du smide et svar
Avatar billede olebole Juniormester
22. januar 2008 - 22:27 #13
Jeg ka' da prøve  ;o)
Avatar billede olebole Juniormester
23. januar 2008 - 20:34 #14
Tak for points  :)
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