Avatar billede reino Nybegynder
09. august 2005 - 06:53 Der er 8 kommentarer og
1 løsning

Automatisk Tabulering

Hejsa

Er lige stødt på en lille ting, jeg har lavet 3 inputfelter i en form, nu ønsker jeg det således at når feltet dato1 er udfyldt skal markør / cursor automatisk skifte til dato2 felter, nogen der kan fortælle how 2 do ? :)

<td><input class="input" type="text" name="dato1" size="1" maxlength="2" value="">&nbsp;<input class="input" type="text" name="dato2" size="1" maxlength="2" value="">&nbsp;<input class="input" type="text" name="dato3" size="3" maxlength="4" value="">&nbsp;(Dag/Måned/År)</td>
Avatar billede busschou Praktikant
09. august 2005 - 07:20 #1
det er svært at gøre sådan som du har det
Det kan gøres i javascript, men hvoran ved du hvornår et felt er udfyldt?
Hvis man indtaster en dag, skal den så være to lang eller kan den godt være kun være en?
For hvis man kan nøjes med at skrive "1 1 2005" i hvert felt frem for "01 01 2005"
Så er det jo umuligt at vide hvornår man skal flytte sig ;o)
Avatar billede busschou Praktikant
09. august 2005 - 07:23 #2
Hvis det er et krav at der skal være to tal så kan du gøre sådan her
--
<td>
<input class="input" type="text" id="dato1" name="dato1" size="1" maxlength="2"  onkeyup="if(this.value.length == 2){document.getElementById('dato2')focus();";>&nbsp;
<input class="input" type="text" id="dato2" name="dato2" size="1" maxlength="2" onkeyup="if(this.value.length == 2){document.getElementById('dato3')focus();">&nbsp;
<input class="input" type="text" id="dato3" name="dato3" size="3" maxlength="4">&nbsp;
(Dag/Måned/År)</td>
Avatar billede busschou Praktikant
09. august 2005 - 07:24 #3
hov mangler punktummer :o)
Det burde rykke fra dato1 til dato2 og fra dato2 til dato3
--
<td>
<input class="input" type="text" id="dato1" name="dato1" size="1" maxlength="2"  onkeyup="if(this.value.length == 2){document.getElementById('dato2').focus();";>&nbsp;
<input class="input" type="text" id="dato2" name="dato2" size="1" maxlength="2" onkeyup="if(this.value.length == 2){document.getElementById('dato3').focus();">&nbsp;
<input class="input" type="text" id="dato3" name="dato3" size="3" maxlength="4">&nbsp;
(Dag/Måned/År)</td>
Avatar billede busschou Praktikant
09. august 2005 - 07:35 #4
tsk tsk, og nu kan jeg se den ene har et ; for meget
Anyways vil mange bruger jo nok regne med at de kan skrive "5" frem for "05" så tvivler på det vil gavne brugervenligheden specielt :o/
Avatar billede reino Nybegynder
09. august 2005 - 07:52 #5
Halløj, og tak for hurtigt svar. Jeg får en fejl når jeg forsøger med scriptet:

tegnet } var ventet

Er godt klar over problemet med de 2 tegn :)
Avatar billede busschou Praktikant
09. august 2005 - 07:54 #6
<td>
<input class="input" type="text" id="dato1" name="dato1" size="1" maxlength="2"  onkeyup="if(this.value.length == 2){document.getElementById('dato2').focus();}">&nbsp;
<input class="input" type="text" id="dato2" name="dato2" size="1" maxlength="2" onkeyup="if(this.value.length == 2){document.getElementById('dato3').focus();}">&nbsp;
<input class="input" type="text" id="dato3" name="dato3" size="3" maxlength="4">&nbsp;
(Dag/Måned/År)</td>
-
sådan
Avatar billede reino Nybegynder
09. august 2005 - 08:05 #7
super, takker, det funker nu, smider du lige et svar ?
Avatar billede busschou Praktikant
09. august 2005 - 08:06 #8
yep :o)
Avatar billede reino Nybegynder
09. august 2005 - 08:08 #9
thx :)
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