Ajax responseText Eventhandling bearbeitet von klaansieck 22.09.2017 19:53 Ihr habt Euch sehr viel Mühe mit mir gegeben. **Vielen Dank erstmal.** Nun die funktionierende Lösung: ~~~html <!DOCTYPE html> <html> <head> <style> a { padding: 0.2em; margin: 0.2em; color: #252525; text-decoration: none; font-family: Arial, sans; } a:focus, a:active { color: #C13832; } </style> </head> <body> <input type="text" id="suchid1" onkeydown="getfocus(event,1,2)" size="40" onkeyup="testeatsuche(this.value)" autocomplete="off" autofocus><br><span id='sicherheitshinweis'></span> <p>Fokus durch Cursertasten nach oben und unten andern, auf Return Link folgen.</p> <p id="demo"></p> <script> function testeatsuche(inhalt) { var x = inhalt; var param = x; if (inhalt=="") { document.getElementById("sicherheitshinweis").innerHTML="keine Eingabe"; return; } if (window.XMLHttpRequest) { // AJAX nutzen mit IE7+, Chrome, Firefox, Safari, Opera xmlhttp=new XMLHttpRequest(); } else { // AJAX mit IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("sicherheitshinweis").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","../../db/medsuche.php?q="+param,true); xmlhttp.send(); } function getfocus(event,vor,nach) { var x = event.keyCode; if (x == 40){ // nach unten var neuerfocus = "suchid" + nach; document.getElementById(neuerfocus).focus(); } if (x == 38){ // nach oben var neuerfocus = "suchid" + vor; document.getElementById(neuerfocus).focus(); if (neuerfocus == "suchid1") { setTimeout(function(){ // setzt den Cursor an das Ende des Input-Felds var anfrage = document.getElementById(neuerfocus).value; document.getElementById("suchid1").value = ''; document.getElementById("suchid1").value = anfrage; }, 0); } } } function myFunction(event,vor,nach) { var x = event.keyCode; document.getElementById("demo").innerHTML = "The Unicode value is: " + x; } </script> </body> </html> ~~~ ../../medsuche liefert z.B.: (nur syntaktisch korrekt, ansonsten Unsinn) ~~~html <a id="suchid2" href="treffer1" onkeydown="getfocus(event,1,3)">text1</a><br> <a id="suchid3" href="treffer2" onkeydown="getfocus(event,2,4)">text2</a><br> <a id="suchid4" href="treffer3" onkeydown="getfocus(event,3,5)">text3</a><br> <a id="suchid5" href="treffer4" onkeydown="getfocus(event,4,6)">text4</a><br> <a id="suchid6" href="treffer5" onkeydown="getfocus(event,5,6)">text55</a><br> ~~~ Friedel
Ajax responseText Eventhandling bearbeitet von Matthias Apsel 23.09.2017 10:27 Ihr habt Euch sehr viel Mühe mit mir gegeben. **Vielen Dank erstmal.** Nun die funktionierende Lösung: ~~~ <!DOCTYPE html> <html> <head> <style> a { padding: 0.2em; margin: 0.2em; color: #252525; text-decoration: none; font-family: Arial, sans; } a:focus, a:active { color: #C13832; } </style> </head> <body> <input type="text" id="suchid1" onkeydown="getfocus(event,1,2)" size="40" onkeyup="testeatsuche(this.value)" autocomplete="off" autofocus><br><span id='sicherheitshinweis'></span> <p>Fokus durch Cursertasten nach oben und unten andern, auf Return Link folgen.</p> <p id="demo"></p> <script> function testeatsuche(inhalt) { var x = inhalt; var param = x; if (inhalt=="") { document.getElementById("sicherheitshinweis").innerHTML="keine Eingabe"; return; } if (window.XMLHttpRequest) { // AJAX nutzen mit IE7+, Chrome, Firefox, Safari, Opera xmlhttp=new XMLHttpRequest(); } else { // AJAX mit IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("sicherheitshinweis").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","../../db/medsuche.php?q="+param,true); xmlhttp.send(); } function getfocus(event,vor,nach) { var x = event.keyCode; if (x == 40){ // nach unten var neuerfocus = "suchid" + nach; document.getElementById(neuerfocus).focus(); } if (x == 38){ // nach oben var neuerfocus = "suchid" + vor; document.getElementById(neuerfocus).focus(); if (neuerfocus == "suchid1") { setTimeout(function(){ // setzt den Cursor an das Ende des Input-Felds var anfrage = document.getElementById(neuerfocus).value; document.getElementById("suchid1").value = ''; document.getElementById("suchid1").value = anfrage; }, 0); } } } function myFunction(event,vor,nach) { var x = event.keyCode; document.getElementById("demo").innerHTML = "The Unicode value is: " + x; } </script> </body> </html> ~~~ ../../medsuche liefert z.B.: (nur syntaktisch korrekt, ansonsten Unsinn) ~~~ <a id="suchid2" href="treffer1" onkeydown="getfocus(event,1,3)">text1</a><br> <a id="suchid3" href="treffer2" onkeydown="getfocus(event,2,4)">text2</a><br> <a id="suchid4" href="treffer3" onkeydown="getfocus(event,3,5)">text3</a><br> <a id="suchid5" href="treffer4" onkeydown="getfocus(event,4,6)">text4</a><br> <a id="suchid6" href="treffer5" onkeydown="getfocus(event,5,6)">text55</a><br> ~~~ Friedel
Ajax responseText Eventhandling bearbeitet von klaansieck 22.09.2017 19:58 Ihr habt Euch sehr viel Mühe mit mir gegeben. **Vielen Dank erstmal.** Nun die funktionierende Lösung: ~~~ <!DOCTYPE html> <html> <head> <style> a { padding: 0.2em; margin: 0.2em; color: #252525; text-decoration: none; font-family: Arial, sans; } a:focus, a:active { color: #C13832; } </style> </head> <body> <input type="text" id="suchid1" onkeydown="getfocus(event,1,2)" size="40" onkeyup="testeatsuche(this.value)" autocomplete="off" autofocus><br><span id='sicherheitshinweis'></span> <p>Fokus durch Cursertasten nach oben und unten andern, auf Return Link folgen.</p> <p id="demo"></p> <script> function testeatsuche(inhalt) { var x = inhalt; var param = SuchenUndErsetzen(x,"Ä","XXXX"); param = SuchenUndErsetzen(param,"ä","XXXX"); param = SuchenUndErsetzen(param,"Ãœ","YYYY"); param = SuchenUndErsetzen(param,"ü","YYYY"); param = SuchenUndErsetzen(param,"Ö","ZZZZ"); param = SuchenUndErsetzen(param,"ö","ZZZZ"); param = SuchenUndErsetzen(param,"ß","WWWW"); if (inhalt=="") { document.getElementById("sicherheitshinweis").innerHTML="keine Eingabe"; return; } if (window.XMLHttpRequest) { // AJAX nutzen mit IE7+, Chrome, Firefox, Safari, Opera xmlhttp=new XMLHttpRequest(); } else { // AJAX mit IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("sicherheitshinweis").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","../../db/medsuche.php?q="+param,true); xmlhttp.send(); } function SuchenUndErsetzen(QuellText, SuchText, ErsatzText) { // Erstellt von Ralf Pfeifer // Fehlerpruefung if ((QuellText == null) || (SuchText == null)) { return null; } if ((QuellText.length == 0) || (SuchText.length == 0)) { return QuellText; } // Kein ErsatzText ? if ((ErsatzText == null) || (ErsatzText.length == 0)) { ErsatzText = ""; } var LaengeSuchText = SuchText.length; var LaengeErsatzText = ErsatzText.length; var Pos = QuellText.indexOf(SuchText, 0); while (Pos >= 0) { QuellText = QuellText.substring(0, Pos) + ErsatzText + QuellText.substring(Pos + LaengeSuchText); Pos = QuellText.indexOf(SuchText, Pos + LaengeErsatzText); } return QuellText; } function getfocus(event,vor,nach) { var x = event.keyCode; if (x == 40){ // nach unten var neuerfocus = "suchid" + nach; document.getElementById(neuerfocus).focus(); } if (x == 38){ // nach oben var neuerfocus = "suchid" + vor; document.getElementById(neuerfocus).focus(); if (neuerfocus == "suchid1") { setTimeout(function(){ // setzt den Cursor an das Ende des Input-Felds var anfrage = document.getElementById(neuerfocus).value; document.getElementById("suchid1").value = ''; document.getElementById("suchid1").value = anfrage; }, 0); } } } function myFunction(event,vor,nach) { var x = event.keyCode; document.getElementById("demo").innerHTML = "The Unicode value is: " + x; } </script> </body> </html> ~~~ ../../medsuche liefert z.B.: (nur syntaktisch korrekt, ansonsten Unsinn) ~~~ <a id="suchid2" href="treffer1" onkeydown="getfocus(event,1,3)">text1</a><br> <a id="suchid3" href="treffer2" onkeydown="getfocus(event,2,4)">text2</a><br> <a id="suchid4" href="treffer3" onkeydown="getfocus(event,3,5)">text3</a><br> <a id="suchid5" href="treffer4" onkeydown="getfocus(event,4,6)">text4</a><br> <a id="suchid6" href="treffer5" onkeydown="getfocus(event,5,6)">text55</a><br> ~~~ Friedel
Ajax responseText Eventhandling bearbeitet von klaansieck 22.09.2017 19:54 Ihr habt Euch sehr viel Mühe mit mir gegeben. **Vielen Dank erstmal.** Nun die funktionierende Lösung: ~~~ <!DOCTYPE html> <html> <head> <style> a { padding: 0.2em; margin: 0.2em; color: #252525; text-decoration: none; font-family: Arial, sans; } a:focus, a:active { color: #C13832; } </style> </head> <body> <input type="text" id="suchid1" onkeydown="getfocus(event,1,2)" size="40" onkeyup="testeatsuche(this.value)" autocomplete="off" autofocus><br><span id='sicherheitshinweis'></span> <p>Fokus durch Cursertasten nach oben und unten andern, auf Return Link folgen.</p> <p id="demo"></p> <script> function testeatsuche(inhalt) { var x = inhalt; var param = SuchenUndErsetzen(x,"Ä","XXXX"); param = SuchenUndErsetzen(param,"ä","XXXX"); param = SuchenUndErsetzen(param,"Ãœ","YYYY"); param = SuchenUndErsetzen(param,"ü","YYYY"); param = SuchenUndErsetzen(param,"Ö","ZZZZ"); param = SuchenUndErsetzen(param,"ö","ZZZZ"); param = SuchenUndErsetzen(param,"ß","WWWW"); if (inhalt=="") { document.getElementById("sicherheitshinweis").innerHTML="keine Eingabe"; return; } if (window.XMLHttpRequest) { // AJAX nutzen mit IE7+, Chrome, Firefox, Safari, Opera xmlhttp=new XMLHttpRequest(); } else { // AJAX mit IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("sicherheitshinweis").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","../../db/medsuche.php?q="+param,true); xmlhttp.send(); } function SuchenUndErsetzen(QuellText, SuchText, ErsatzText) { // Erstellt von Ralf Pfeifer // Fehlerpruefung if ((QuellText == null) || (SuchText == null)) { return null; } if ((QuellText.length == 0) || (SuchText.length == 0)) { return QuellText; } // Kein ErsatzText ? if ((ErsatzText == null) || (ErsatzText.length == 0)) { ErsatzText = ""; } var LaengeSuchText = SuchText.length; var LaengeErsatzText = ErsatzText.length; var Pos = QuellText.indexOf(SuchText, 0); while (Pos >= 0) { QuellText = QuellText.substring(0, Pos) + ErsatzText + QuellText.substring(Pos + LaengeSuchText); Pos = QuellText.indexOf(SuchText, Pos + LaengeErsatzText); } return QuellText; } function getfocus(event,vor,nach) { var x = event.keyCode; if (x == 40){ // nach unten var neuerfocus = "suchid" + nach; document.getElementById(neuerfocus).focus(); } if (x == 38){ // nach oben var neuerfocus = "suchid" + vor; document.getElementById(neuerfocus).focus(); if (neuerfocus == "suchid1") { setTimeout(function(){ // setzt den Cursor an das Ende des Input-Felds var anfrage = document.getElementById(neuerfocus).value; document.getElementById("suchid1").value = ''; document.getElementById("suchid1").value = anfrage; }, 0); } } } function myFunction(event,vor,nach) { var x = event.keyCode; document.getElementById("demo").innerHTML = "The Unicode value is: " + x; } </script> </body> </html> ~~~ ../../medsuche liefert z.B.: (nur syntaktisch korrekt, ansonsten Unsinn) ~~~ <a id="suchid2" href="treffer1" onkeydown="getfocus(event,1,3)">text1</a><br> <a id="suchid3" href="treffer2" onkeydown="getfocus(event,2,4)">text2</a><br> <a id="suchid4" href="treffer3" onkeydown="getfocus(event,3,5)">text3</a><br> <a id="suchid5" href="treffer4" onkeydown="getfocus(event,4,6)">text4</a><br> <a id="suchid6" href="treffer5" onkeydown="getfocus(event,5,6)">text55</a><br> ~~~
nicht angemeldet nicht angemeldet
