Formular und Tab-Taste

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Formular und Tab-Taste

    Ich möchte in einem Form, wenn ich ein Feld mit der Tab-Taste verlasse, ein Ajax-Request ausführen und in das nächste Feld springen. Wenn ich dies aber durchführe wird der Ajax-Request durchgeführt, aber der Cursor springt nicht in das nächste Feld im Form, sondern der Focus geht ganz nach oben.

    Hier mein Code. Im "haupt.php" befindet sich der Ajax-code und die id, wo das Formular eingebunden wird.

    Im sendRequest_w habe ich mal versucht ein focus() zu verwenden, das aber nicht funktioniert.

    Hoffe da kann mir jemand weiterhelfen, wie ich ich trotz ajax in ein nächstes Formularfeld springen kann.
    Vielen Dank für jede Antwort.
    Hubert


    ------------ code ----------------------

    >>>> haupt.php <<<<

    Quellcode

    1. <script>
    3. //... Ajax - Script....
    4. function sendRequestneu(file, queryString, div) {
    5. if(xmlHttp) {
    6. /* Request Daten in die Warteschlange setzen, falls der vorherige noch nicht abgeschlossen ist */
    7. if(xmlHttp.readyState == 1 || xmlHttp.readyState == 2 || xmlHttp.readyState == 3) {
    8. queueLength = queue.length;
    9. queue[queueLength] = new Array();
    10. queue[queueLength][0] = file;
    11. queue[queueLength][1] = queryString;
    12. queue[queueLength][2] = div;
    13. } else {
    14. if(queryString == "") {
    15. xmlHttp.open('GET', file, true);
    16. } else {
    17. xmlHttp.open('POST', file, true);
    18. xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    19. xmlHttp.send(queryString);
    20. }
    21. xmlHttp.onreadystatechange = function () {
    23. if(xmlHttp.readyState == 4) {
    24. if(xmlHttp.status == 200) {
    25. document.getElementById(div).innerHTML = xmlHttp.responseText;
    26. } else if(xmlHttp.status == 404) {
    27. document.getElementById(div).innerHTML = 'Die Datei wurde nicht gefunden!';
    28. }
    29. /* Warteschlange abarbeiten */
    30. queueLength = queue.length;
    31. if(queueLength != 0) {
    32. sendRequestneu(queue[0][0], queue[0][1], queue[0][2]);
    33. queue.shift(); //Erstes Element entfernen, den Rest eine Position nach vorne rücken
    34. }
    35. }
    36. };
    38. if(queryString == "") {
    39. xmlHttp.send(null);
    40. }
    41. }
    43. }
    45. }
    48. function sendRequest_w(wert,feldname,id_fragen,checkbox,zaehler,zahl) {
    50. var wert_ = wert.replace(/,/, '.');
    52. sendRequestneu("wette.php", 'wert='+ escape(wert)+'&feldname='+ feldname +'&id_fragen='+id_fragen+'&checkbox='+checkbox+'&zahl='+zahl+'&aktion=wetteu', "einzelwette");
    53. document.wette1.max.focus();
    55. }
    57. </script>
    59. <body>
    60. <span id='einzelwette'></span>
    61. </body></html>
    Alles anzeigen

    -------------------

    >>>> wette.php <<<<<<

    Quellcode

    1. <form method="post" name="wette1" action="spiel-und-wetten.php" >
    2. <input type="text" size="40" name="frage" value="Fussball Weltmeister 2005" onBlur="sendRequest_w(document.wette1.frage.value,'frage',88,0,1,1);" >
    3. <input type="text" size="10" name="max" value="201.00" onBlur="sendRequest_w(document.wette1.max.value,'max',88,0,1,1);" >
    4. </form>

  • sehr merkwürdig..
    hab den fehler auch nicht gefunden...

    aber hier mal ein beweis, dass es klappen muss..
    einfach mit deiner wette.php verwenden

    Quellcode

    1. <html><head>
    2. <title>haupt2.html</title>
    3. <script type="text/javascript">
    4. <!--
    5. function ajax() {
    6. try {
    7. req = window.XMLHttpRequest?new XMLHttpRequest():
    8. new ActiveXObject("Microsoft.XMLHTTP");
    9. } catch (e) {
    10. //Kein AJAX Support
    11. }
    13. req.onreadystatechange = function() {
    14. if ((req.readyState == 4) && (req.status == 200)) {
    15. document.getElementById("einzelwette").innerHTML = req.responseText;
    16. document.wette1.max.focus();
    17. }
    18. }
    19. req.open('get', 'wette.php');
    20. req.send(null);
    21. }
    22. //-->
    23. </script>
    24. </head>
    25. <body onload="ajax()">
    26. <span id="einzelwette"></span>
    27. </body></html>
    Alles anzeigen

  • Vielen Dank für deinen Code.

    Das ganze funktioniert bei mir aber nur unter Firefox und Opera, nicht aber im InternetExplorer. Woran kann dies noch liegen.

    Wenn ich im IE auf die Tab-Taste klicke verschwindet der Cursor. Im Firefox und Opera springt der Cursor in das nächste Feld.

    Hoffe da kann mir nochmals jemand weiterhelfen.