it-girl: Inhalt nur in Div-Box laden

Beitrag lesen

SELF-Forum

Inhalt nur in Div-Box laden

it-girl
– Informationen zu den Bewertungsregeln

Hallo Matthias,
ich stand heute morgen vor dem gleichen Problem bzw jetzt eigentlich auch noch.
Hab im Internet (Quelle weiß ich leider nicht mehr) folgendes gefunden:

  
<!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="de" lang="de">  
<head>  
<title>Ajax HowTo-Example</title>  
<script type="text/javascript">  
     function ladeInhalt(){  
          //das <div> in der Variablen ajaxBox referenzieren  
          var ajaxBox = document.getElementById('ajaxbox');  
  
          // Ajax-Objekt erstellen  
	  var XMLHTTP = new XMLHttpRequest();  
          // Konnte Objekt nicht erstellen, Fehler ausgeben, und Funktion abbrechen  
	  if(!XMLHTTP){  
                // Fehler ausgeben  
	        ajaxBox.innerHTML = "<span style=\"color:red;\">Konnte Ajax-Objekt nicht erstellen</span>";  
                // Funktion beenden  
		return;  
	  }  
          // Request öffnen  
	  XMLHTTP.open("GET", "inhalt.txt", true);  
          // Funktion, die bei Änderung des RequestStatus aufgerufen wird  
	  XMLHTTP.onreadystatechange = function(){  
                //gebe Text aus, wenn Request vollständig.  
		if(XMLHTTP.readyState == 4){  
                      // empfangenen Text in das <div> einfügen.  
		      ajaxBox.innerHTML = XMLHTTP.responseText;  
		}  
	  }  
          // Request senden.  
	  XMLHTTP.send(null);  
     }  
</script>  
</head>  
<body>  
<h1>Ajax HowTo-Example</h1>  
  
<div id="ajaxbox"></div>  
<p><input type="button" onclick="ladeInhalt();" value="Inhalt laden" /></p>  
</body>  
</html>

Am Anfang hat das in Google Chrome bei mir funktioniert, aber nach ein paar mal ausprobieren gings dann komischerweise nicht mehr. Scheinbar wurde "XMLHTTP.send(null);" nicht mehr ausgeführt. Im Firefox geht es aber noch.
Falls du rausfindest, woran das liegen könnte, sag mir doch bitte Bescheid ;-)

Ach ja, du solltest noch eine inhalt.txt anlegen mit dem Text, der im div ajaxBox ausgegeben werden soll.

Hoffe, ich konnte dir damit etwas weiterhelfen :-)

LG it-girl

Beitrag melden
–
Informationen zu den Bewertungsregeln