Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JS][HTML]Przeskakiwanie między inputami
pacior
post
Post #1





Grupa: Zarejestrowani
Postów: 101
Pomógł: 2
Dołączył: 25.09.2007

Ostrzeżenie: (0%)
-----


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??
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
paw-e-l
post
Post #2





Grupa: Zarejestrowani
Postów: 115
Pomógł: 23
Dołączył: 27.06.2009
Skąd: Jaworzno

Ostrzeżenie: (0%)
-----


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

Ten post edytował paw-e-l 9.10.2009, 01:05:49
Go to the top of the page
+Quote Post
vokiel
post
Post #3





Grupa: Zarejestrowani
Postów: 2 592
Pomógł: 445
Dołączył: 12.03.2007

Ostrzeżenie: (0%)
-----


tabindex


--------------------
Go to the top of the page
+Quote Post
pacior
post
Post #4





Grupa: Zarejestrowani
Postów: 101
Pomógł: 2
Dołączył: 25.09.2007

Ostrzeżenie: (0%)
-----


mam nadany tabindex chodzi mi na jaką akcje mam dodać, aby mi po kliknięciu tab przeszedł do tego pola co chce.

Go to the top of the page
+Quote Post
paw-e-l
post
Post #5





Grupa: Zarejestrowani
Postów: 115
Pomógł: 23
Dołączył: 27.06.2009
Skąd: Jaworzno

Ostrzeżenie: (0%)
-----


http://paw-e-l.net/test.php
Go to the top of the page
+Quote Post
pacior
post
Post #6





Grupa: Zarejestrowani
Postów: 101
Pomógł: 2
Dołączył: 25.09.2007

Ostrzeżenie: (0%)
-----


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]>


Ten post edytował pacior 9.10.2009, 13:06:33
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 21.08.2025 - 12:27