Tilføj indholdet af en XML fil til en XHTML side

Jeg er helt klar over at documentElement er dit root element. Ville bare gerne se dit response. Altså det svar du for fra serveren når du sender en AJAX andmodning. Kan forestille mig at DOM vil have en smule svært ved at appende http://redsplat.org/getresponse.php?site=weblog. Prøv at skrive <div> </div> istedet for, da jeg ikke ved om JS DOM understøtter short close tag.

Hvilket element er documentElement i dit tilfælde? Og kan du give et eksempel på din responseXML?

documentElement er root elementen i mit XML dokument: http://redsplat.org/getresponse.php?site=weblog.

Du kan se mit responeXML i min JavaScript fil. http://redsplat.org/script.js

Der sker i hvert fald noget i script.js på linje 56.

document.title='redsplat - '+document.getElementById('title').innerHTML; 

Burde nok være:

document.title="redsplat - "+document.getElementById('title').innerHTML; 

Jeg forstår ikke helt vad du mener..

Hvad udskriver dit PHP script....

I filen getresponse.php

Hvad udskriver dit PHP script....

I filen getresponse.php

Det kan du jo bar ese ved at gå ind på den, jeg har linket til den før.

http://redsplat.org/getresponse.php?site=weblog

Der sker i hvert fald noget i script.js på linje 56.

Kode 

document.title='redsplat - '+document.getElementById('title').innerHTML; 

Burde nok være:

Kode 

document.title="redsplat - "+document.getElementById('title').innerHTML; 

Det er hips som haps, og det er i hvert fald ikke det der er problemet.

Det er muligvis ikke problemet nej, men det er ikke hip som hap, men var lidt af en syntax error, som de fleste JavaScript compilere ikke ville godkende..

Kigger på problemet senere, lige nu er det vidst sengetid...

Når jeg debugger dit JS får jeg en fejl som den du beskriver, men jeg får den på linje 53, linjen hvor du kalder "removeChild". For at løse problemet ændrede jeg navnet på din "content" i hoved-HTMLen til "container", blot for at have noget at ligge data i, og så ændrede jeg Javascriptets linje 53 og 54 til:

document.getElementById('container').innerHTML = '';		document.getElementById('container').appendChild(document.importNode(xmlhttp.responseXML.documentElement, true));

Dette fjerner indholdet korrekt, og sætter herefter indholdet ind i container-elementet.

Jeg ved så ikke om der er tale om en bug eller ej, men jeg fik et problem at getElementById ikke kunne finde objekter inde i det importerede XML. Jeg løste dog problemet ved flg. lille kode(til at sætte titel på siden):

var nodes = document.getElementsByTagName("h1");
for(var i = 0; i < nodes.length; i++)
{
  if(nodes[i].attributes.getNamedItem("id") != undefined && nodes[i].attributes.getNamedItem("id").value == 'title')
  {
    document.title='redsplat - ' + nodes[i].textContent;
  }
}

Og det samlede callback bliver så:

if(xmlhttp.readyState==4) {
	document.getElementById('container').innerHTML = '';
	document.getElementById('container').appendChild(document.importNode(xmlhttp.responseXML.documentElement, true));
	fade = setInterval(fadeIn,20);
	var nodes = document.getElementsByTagName("h1");
	for(var i = 0; i < nodes.length; i++)
	{
		if(nodes[i].attributes.getNamedItem("id") != undefined && nodes[i].attributes.getNamedItem("id").value == 'title')
		{
			document.title='redsplat - ' + nodes[i].textContent;
		}
	}
	document.body.style.cursor='default';
}