Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [html][JS?] formularze - pole typu teksotwego, przeniesienie za pomocą klawisza backspace
=kokos=
post 4.07.2007, 20:27:21
Post #1





Grupa: Zarejestrowani
Postów: 114
Pomógł: 0
Dołączył: 6.08.2006

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


Mam formularz a w nim kilka pól <input type="text"> odpowiednio poindeksowanych. Załóżmy, że jest ich 5 o kolejnych indeksach 0,1,2,3,4,5. Wszystkie są zapełnione dowolnym tekstem. Chciałem się dowiedzieć w jaki sposób, stojąc kursorem na pozycji nr 5, można kasować zawartość wszystkich tych pól tylko za pomocą klawisza "backspace" bez konieczności klikania "shift+tab". Chodzi o to, że gdy cały tekst w polu 5 zostanie skasowany to kursor przeniesie się automatycznie do pola 4, tam skasuje cały tekst i przeskoczy automatycznie do 3 itd.


--------------------
Początkujący
Go to the top of the page
+Quote Post
abc667
post 4.07.2007, 21:55:51
Post #2





Grupa: Zarejestrowani
Postów: 229
Pomógł: 0
Dołączył: 29.05.2007

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


np.

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <script type="text/javascript">
  3. function ddd(obj, id)
  4. {
  5. if(obj.value.length == 0) document.getElementById(id).focus();
  6. }
  7.  
  8. <title>...</title>
  9. </head>
  10. <input type="text" name="a1" id="a1" />
  11. <input type="text" name="a2" id="a2" onkeyup="ddd(this, 'a1');" />
  12. <input type="text" name="a3" id="a3" onkeyup="ddd(this, 'a2');" />
  13. <input type="text" name="a4" id="a4" onkeyup="ddd(this, 'a3');" />
  14. <input type="text" name="a5" id="a5" onkeyup="ddd(this, 'a4');" />
  15. </form>
  16.  
  17.  
  18. </body>
  19. </html>
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 Wersja Lo-Fi Aktualny czas: 14.08.2025 - 11:39