[HTML] xml in layer laden und stylen

[shorse]

Ist es möglich Content aus einer serverseitig generierten xml Datei in einen html Layer zu laden und via css zu stylen? Möchte einen rss feed in eine Seite integrieren. Wenn ja, wie? Kann mir jemand Ansätze geben? Möglichst ohne php.

Thx,
Shorse

 

[Efchen]

Du könntest es per AJAX versuchen. Einfach die XML-Datei anfordern und dann in das gewünschte Element laden, das könnte eigentlich auch ohne serverseitiges Zutun funktionieren.

 

[shorse]

Danke für antwort, hast Du da einen Ansatz via Ajax?

 

[Efchen]

Ich würde prototype.js empfehlen, da sind alle notwendigen Funktionen schon drin und dann musst Du nur noch den Updater aufrufen und die URL der XML-Seite angeben.

 

[shorse]

hmm ich habe mir das tutorial bei w3c schools angeschaut XML to HTML
und die scripte entsprechend menes scenarios modifiziert. Allerdings scheint das xml dokument nicht ausgelesen zu werden. In der SourceCode Ansicht des browsers erscheint nur das script, aber nicht die xml-datensätze. Es werden auch keine fehlermeldungen ausgegeben.
das script sieht so aus:

<div class="contentLeftContent">
                    <script type="text/javascript">
						var xmlDoc=null;
						if (window.ActiveXObject)
						{// code for IE
							xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
						}
						else if (document.implementation.createDocument)
						{// code for Mozilla, Firefox, Opera, etc.
							xmlDoc=document.implementation.createDocument("","",null);
						}
						else
						{
							alert('Your browser cannot handle this script');
						}
						if (xmlDoc!=null)
						{
							xmlDoc.async=false;
							xmlDoc.load("xml/test.xml");
							var x=xmlDoc.getElementsByTagName("item");
							for (i=0;i<x.length;i++)
							{
								document.write("<div class='item'>");
								document.write("<img src='");
								document.write(
									x[i].getElementsByTagName("enclosure")[0].childNodes[0].nodeValue);
								document.write("' />");
								document.write("<h1><a href='");
								document.write(
									x[i].getElementsByTagName("guid")[0].childNodes[0].nodeValue);	
								document.write("' target='_blank'>");
								document.write(
									x[i].getElementsByTagName("title")[0].childNodes[0].nodeValue);
								document.write("</a>");
								document.write("</h2>");
								document.write("<p>");
								document.write(
									x[i].getElementsByTagName("description")[0].childNodes[0].nodeValue);
								document.write("</p>");
								document.write("</div>");
							}

						}
					</script>
                    </div>

woran könnte das liegen?