ugrás a tartalomhoz

Autojump

stan · 2009. Aug. 30. (V), 16.32
Egy olyan javascriptre lenne szükségem, hogy ha van mondjuk egy bankszámlaszám megadási lehetőség, ahol 3 x 8 számot lehet beírni három egymás utáni input boxba, akkor automatikusan átugorjon az első boxból a másodikba a kurzor, illetve a másodikból a harmadikba, amint beírtam a nyolcadik számot. Találtam is egy ilyen scriptet itt: http://www.htmlcodetutorial.com/forms/index_famsupp_162.html

De sajnos valamiért nem működik, de magán az oldalon sem, ahol ezt leírják. :) Legalábbis nálam, pedig be van kapcsolva a javascript, és nem jövök rá, hogy miért nem működik.

Van valami ötletetek, hogy miért nem működik?
‹ Javascript fade-in-out offsetHeight és offsetWidth ›
 ■
1

jQuery-vel

Poetro · 2009. Aug. 31. (H), 01.26
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  
  3. <head>  
  4.   <title><!-- Insert your title here --></title>  
  5.   <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"><!-- Kell egy jQuery --></script>  
  6.   <script type="text/javascript">  
  7. $(function () {  
  8.   $('fieldset#szamlaszam :text').keyup(function () { // figyeljük a billentyű felengedést  
  9.     var $this = $(this);  
  10.     // ha elértük a megengedett karakterszámot és a következő elem is text mező  
  11.     if ($this.val().length == parseInt($this.attr('maxlength'), 10) &&  
  12.         $this.next().is(':text')) {  
  13.         $this.next()[0].focus();    // átadjuk neki a fókuszt  
  14.     }  
  15.   });  
  16. });  
  17.   </script>  
  18. </head>  
  19. <body>  
  20.   <form action="/">  
  21.     <fieldset id="szamlaszam">  
  22.       <legend>Bankszámlaszám</legend>  
  23.       <input type="text" name="szamlaszam1" maxlength="8" />  
  24.       <input type="text" name="szamlaszam2" maxlength="8" />  
  25.       <input type="text" name="szamlaszam3" maxlength="8" />  
  26.     </fieldset>  
  27.   </form>  
  28. </body>  
  29. </html>  
Van valami ötletetek, hogy miért nem működik?

Azon az oldalon azért nem működik mert nincs berakva a script az oldalra, csak az hivatkozás rá.
2

Megoldva

stan · 2009. Aug. 31. (H), 13.48
Mégiscsak működik ez a script, amit belinkeltem, csak azzal rontottam el, hogy nem közvetlenül a form után tettem, és helytelenül is címkéztem meg. De mostmár működik rendesen.