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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title><!-- Insert your title here --></title>
  <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"><!-- Kell egy jQuery --></script>
  <script type="text/javascript">
$(function () {
  $('fieldset#szamlaszam :text').keyup(function () { // figyeljük a billentyű felengedést
    var $this = $(this);
    // ha elértük a megengedett karakterszámot és a következő elem is text mező
    if ($this.val().length == parseInt($this.attr('maxlength'), 10) &&
        $this.next().is(':text')) {
        $this.next()[0].focus();    // átadjuk neki a fókuszt
    }
  });
});
  </script>
</head>
<body>
  <form action="/">
    <fieldset id="szamlaszam">
      <legend>Bankszámlaszám</legend>
      <input type="text" name="szamlaszam1" maxlength="8" />
      <input type="text" name="szamlaszam2" maxlength="8" />
      <input type="text" name="szamlaszam3" maxlength="8" />
    </fieldset>
  </form>
</body>
</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.