Suggest Problem mit Internet Explorer - AJAX (Asynchronous JavaScripting and XML) Forum

Meccan · 13.12.2006, 23:18

Hallo Leute,

ich habe mich heute zum ersten mal hingesetzt und mich an
einen Suggest versucht. Es klappt auch alles wunderbar und toll
mit Firefox.

Beim InternetExplorer 7 hab ich so meine Probleme.
Es scheint so als ob die Anfrage nur einmal und das beim
erstenmal gesendet wird und sonst garnicht.

hiereinmal der Link zu meine Suggest

Suggest
Wenn ihr euch drann versucht dann testet bitte mal zuerst mit den Buchstaben M.
Hier mein HTML Code

Code:

<html>
<head>

	
<link rel="stylesheet" type="text/css" href="suggest.css">

<script src="suggest.js" type="text/javascript"></script>


<body>
	 <form action="javascript:get(document.getElementById('myform'));" name="myform" id="myform">
			<input type="text" id="search" name="search" onkeyup="get(this.parentNode);  return false;" autocomplete="off"/>
			<span name="myspan" id="myspan"></span>
			<div id="search_suggest">
				</div>

			<!-- <input type="submit" name="button" value="Normal Submit Button"> -->

	</form>

</body>
</html>

Udn hier mein JavaScript Code

Code:

var http_request = false;
//Allgemeines Objekt für den Request Bilden
function HttpRequestObject(){
				
	http_request = false;

			 if (window.XMLHttpRequest) { // Mozilla, Safari,...
             http_request = new XMLHttpRequest();
             } 
			else if (window.ActiveXObject) { // IE
				try {
				http_request = new ActiveXObject("Msxml2.XMLHTTP");
				 } catch (e) {
				try {
				http_request = new ActiveXObject("Microsoft.XMLHTTP");
				} catch (e) {}
					}
				}

					if (!http_request) {
						alert('Ich kann keine HTTP Instanz erstellen');
						return false;
			}
}

HttpRequestObject();


			//Hier wird die POSt Anfragegesendet mit den paramtern und der URL
            function makeRequest(url, parameters) {

                
				//Wenn Request fertig geh zu dieser Funktoin
				http_request.onreadystatechange = htmlContents;
				//Url öffnen
				http_request.open('POST', url, true);
				//Allgemeine Header senden
				http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
				http_request.setRequestHeader("Content-length", parameters.length);
				http_request.setRequestHeader("Connection", "close");
				//Parameter Senden
				http_request.send(parameters);
				}

			//Hier werden die Elemente encoded und dann die URL und die Parameter an makeRequest() gesendet
			function get(obj){
			var poststr = "search=" + encodeURI(document.getElementById("search").value );
			makeRequest('suggest.php', poststr);
			}

		//Ausgabe des Requests
		function htmlContents() {

                if (http_request.readyState == 4) {
                    if (http_request.status == 200) {
						document.getElementById('myspan').innerHTML = http_request.responseText;
						} else {
                        alert('There was a problem with the request.');
                    }
                }

            }

			//Mouse over Funktion
			function suggestOver(div_value) {
				div_value.className = 'suggest_link_over';
			}

			//Mouseout Funktion
			function suggestOut(div_value) {
				div_value.className = 'suggest_link';
			}
			
			//Click Funktion
			function setSearch(value) {
				document.getElementById('search').value = value;
				document.getElementById('search_suggest').innerHTML = '';
			}

Den PHP Code poste ich jeztt nicht, weil ich denke das die Abfrage auf alle fälle funktioniert und es nicht an meinen PHP Code liegt.

Danke im Voraus für eure Antworten

MFG MEccan

Meccan · 13.12.2006, 23:28

Ich hab mich dann nochmal an einen ganz einfachen Beispeil versucht,
welches fast die gleich Funktion enhält wie mein obriges Beispiel.
Und bei diesen halb Suggest Funktioniert es bei Firefox und bei dem Internet Explorer 7.
Warum das weiß ich leider auch nicht.
Hier der Link.

LittelSuggest

Hier der komplette HTML und JavaScript Code

Code:

<!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">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <script type="text/javascript" language="javascript">

            var http_request = false;

            function makeRequest(url, parameters) {

                http_request = false;

                if (window.XMLHttpRequest) { // Mozilla, Safari,...
                    http_request = new XMLHttpRequest();
                 
                } else if (window.ActiveXObject) { // IE
                    try {
                        http_request = new ActiveXObject("Msxml2.XMLHTTP");
                    } catch (e) {
                        try {
                        http_request = new ActiveXObject("Microsoft.XMLHTTP");
                        } catch (e) {}
                    }
                }

                if (!http_request) {
                    alert('Ich kann keine HTTP Instanz erstellen');
                    return false;
                }
				http_request.onreadystatechange = htmlContents;
				http_request.open('POST', url, true);
				http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
				http_request.setRequestHeader("Content-length", parameters.length);
				http_request.setRequestHeader("Connection", "close");
				http_request.send(parameters);
				}

			function get(obj){
			var poststr = "txt=" + encodeURI(document.getElementById("search").value );
			makeRequest('posten2.php', poststr);
			}
			
			function htmlContents() {

                if (http_request.readyState == 4) {
                    if (http_request.status == 200) {
						document.getElementById('myspan').innerHTML = http_request.responseText;
						} else {
                        alert('There was a problem with the request.');
                    }
                }

            }
        </script>
    </head>
    <body>
        <form action="javascript:get(document.getElementById('myform'));" name="myform" id="myform">
			<input type="text" id="search" name="search" onkeyup="get(this.parentNode); return false;" autocomplete="off" />
		</form>

<br><br>
		<span name="myspan" id="myspan"></span>

 </body>

</html>

UNd hier der sehr einfach PHP Code

PHP-Code:


			
<?



echo $_POST['txt'];





?>

Weiß einer von euch wo mein Problem liegt?

MFG Meccan

think!! · 16.12.2006, 08:45

Ein Problem ist sicher der Schriftsatz.
Wahrscheinlich bei der Datenbank ein andere als das PHP File ausgibt,
daher die Fragezeichen.
Das ist mir nur so beim Ausprobieren aufgefallen

16.12.2006, 08:45	#3 (permalink)
think!! Erfahrener Benutzer Registriert seit: 11.08.2006 Ort: Österreich Beiträge: 886	Ein Problem ist sicher der Schriftsatz. Wahrscheinlich bei der Datenbank ein andere als das PHP File ausgibt, daher die Fragezeichen. Das ist mir nur so beim Ausprobieren aufgefallen __________________ Windows ist wie eine Klimaanlage: Funktioniert auch nicht mehr, wenn ein Fenster offen ist!

LinkBacks (?) LinkBack to this Thread: http://www.ajax-community.de/serverseitige-skriptsprachen/3845-suggest-problem-internet-explorer.html
Erstellt von	For	Type	Datum
AJAX-Community Blog » Wie geil Internet Explorer sein kÃ¶nnte	This thread	Pingback	05.01.2007 08:43

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Laufzeitfehler im Internet Explorer 7	waltraud28	Sonstige Probleme	4	02.03.2007 14:26
Das Caching-Problem beim Internet Explorer	waltraud28	Sonstige Probleme	1	20.11.2006 19:58
Internet explorer Problem	fuzz	JavaScript	8	17.07.2006 14:38
Hilfe: Ajax und der Internet Explorer?!?	markus_m	JavaScript	5	28.05.2006 18:03
Internet Explorer	jason	Sonstige Probleme	2	21.02.2006 23:21

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen