Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JS][HTML]Przeskakiwanie między inputami
Forum PHP.pl > Forum > Przedszkole
pacior
Mam taki problem
w jednym Div znajduje się 20 input one są generowane tam dynamicznie. Chciałbym aby po kliknięciu Tab przeskakiwał tylko np. po 2,3,4 i 5 a później od nowa.

Co muszę zrobić z tym 5 aby przeskoczył do 2.?

Wiem że muszę po jakiejś akcji dodać focus() na 2 element po jakiej akcji??
paw-e-l
ja bym to rozwiązał w ten sposób: po ostatnim inpucie umieścić jakiś link <a>, po wciśnieciu tab na ostatnim inpucie ten link powinien się zaznaczyć czyli chyba można do niego dodać zdarzenie: focus(wykonaj focus na 2 inpucie).

to tylko moje teoretyczne rozważania nie gwarantuje że to zadziała winksmiley.jpg
vokiel
tabindex
pacior
mam nadany tabindex chodzi mi na jaką akcje mam dodać, aby mi po kliknięciu tab przeszedł do tego pola co chce.

paw-e-l
http://paw-e-l.net/test.php
pacior
udało mi się rozwiązać problem jak by ktoś potrzebował kiedyś
    1. <[url="http://december.com/html/4/element/input.html"]input[/url] type="text" name="name1" />
    2. <[url="http://december.com/html/4/element/input.html"]input[/url] type="text" name="name2" />
    3. <[url="http://december.com/html/4/element/input.html"]input[/url] type="text" name="name3" />
    4. <[url="http://december.com/html/4/element/input.html"]input[/url] type="text" name="name4" />
    5. <[url="http://december.com/html/4/element/input.html"]input[/url] type="text" name="name5" />
    6. <[url="http://december.com/html/4/element/input.html"]input[/url] type="text" name="name6" />
    7. <[url="http://december.com/html/4/element/input.html"]input[/url] type="text" name="name7" />
    8. <[url="http://december.com/html/4/element/input.html"]input[/url] type="text" name="name8" />
    9. <[url="http://december.com/html/4/element/input.html"]input[/url] type="text" name="name9" />
    10. <[url="http://december.com/html/4/element/script.html"]script[/url]>
    11. function nextFirstElement(e, elem){
    12. var keyCode = e.keyCode;
    13. if(keyCode = 9){
    14. elem.focus();
    15. e.preventDefault()
    16. }
    17. }
    18. document.getElementByName('name5').setAttribute('onkeydown', 'nextFirstElement(event, document.getElementByName('name2'))')
    19. </[url="http://december.com/html/4/element/script.html"]script[/url]>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.