Avatar billede kaptajnknas Nybegynder
09. september 2004 - 07:07 Der er 10 kommentarer og
1 løsning

Disabled knap i formular

Jeg mangler "disabled knap i formular" på en lidt speciel måde.

Knappen skal være disabled indtil der skrives mindst et tegn i feltet "besked".

Og dertil skal feltet "besked" rydes 1 sek. efter der er trykket på sendknappen.
Kan det laves?

<form method="POST" action="beskedproc.asp">
<p><input type="text" name="besked" size="20"><input type="submit" value="Send" name="sendbesked"></p>
</form>
Avatar billede thomashove Nybegynder
09. september 2004 - 10:06 #1
første del er nem:

<form method="POST" action="beskedproc.asp" name="myForm">
<p><input type="text" name="besked" size="20" onkeyup="document.myForm.sendbesked.disabled=false">
<input type="submit" value="Send" name="sendbesked" disabled></p>
</form>

men jeg forstår ikke helt anden del. Der trykkes jo på en submit-knap hvorved formen sendes. Hvorfor så rydde efter 1 sek? Man kan selvfølgelig godt få den til at vente med at sende til efter 1 sek - men det er da ikke specielt genialt
Avatar billede kaptajnknas Nybegynder
09. september 2004 - 10:19 #2
Nej, den sidste del er heller ikke så vigtig, den glemmer vi bare.
Første delen virker næsten perfekt, det mangler en ting, nemlig hvis man sletter teksten i feltet, skal sendknappen disable igen.
Avatar billede thomashove Nybegynder
09. september 2004 - 10:32 #3
<form method="POST" action="beskedproc.asp" name="myForm">
<p><input type="text" name="besked" size="20" onkeyup="if (this.value.length==0) {document.myForm.sendbesked.disabled=true} else {document.myForm.sendbesked.disabled=false}">
<input type="submit" value="Send" name="sendbesked" disabled></p>
</form>
Avatar billede kaptajnknas Nybegynder
09. september 2004 - 11:14 #4
Fint mange tak :-)
Avatar billede kaptajnknas Nybegynder
09. september 2004 - 15:24 #5
Der er godt nok et problem, for feltet rydes fint nok, når der trykkes send, men knappen disables ikke, først hvis man trykker på delete.
Det skyldes måske fordi der er lagt en target ind??  hvad kan man gøre?

<form method="POST" action="beskedproc.asp" target="venstre" name="myForm">
<p><input type="text" name="besked" size="20" onkeyup="if (this.value.length==0) {document.myForm.sendbesked.disabled=true} else {document.myForm.sendbesked.disabled=false}">
<input type="submit" value="Send" name="sendbesked" disabled></p>
Avatar billede thomashove Nybegynder
09. september 2004 - 15:45 #6
kan ikke helt gennemskue din opsætning / ønskede funktionalitet. Men dette kunne være et bud:

<form method="POST" action="test.php" target="venstre" name="myForm">
<p><input type="text" name="besked" size="20" onkeyup="if (this.value.length==0) {document.myForm.sendbesked.disabled=true} else {document.myForm.sendbesked.disabled=false}">
<input type="button" value="Send" name="sendbesked" disabled onclick="this.disabled=true; document.myForm.submit();"></p>
</form>
Avatar billede thomashove Nybegynder
09. september 2004 - 15:46 #7
og hust at rette min test.php til din beskedproc.asp
Avatar billede kaptajnknas Nybegynder
09. september 2004 - 16:12 #8
Jo, det havde jeg også husket :-)
Avatar billede kaptajnknas Nybegynder
09. september 2004 - 16:13 #9
tester lige det nye bud...
Avatar billede kaptajnknas Nybegynder
09. september 2004 - 16:23 #10
thomashove >> når det hele er "skruet" sammen ser det således ud:


<form method="POST" action="chat.asp" name="messageFrm" target="publicmessages" onsubmit="java script:setTimeout('ClearMessageField()',100);">
<p><input type="text" name="message" size="31" maxlength="100" onkeyup="if (this.value.length==0) {document.messageFrm.sendbesked.disabled=true} else {document.messageFrm.sendbesked.disabled=false}">
<input type="button" value="Send" name="sendbesked" disabled onclick="this.disabled=true; document.messageFrm.submit();"></p>
</form>

Hvis du tester det, kan du se at knappen disabler, men rydder ikke .......
Avatar billede kaptajnknas Nybegynder
09. september 2004 - 20:50 #11
thomashove >> har du et forslag??
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