Hallo zusammen.
Ich versuche zur Zeit mit einer Ajax Anwendung eine Rezeptsammlung zu erstellen. Die Html-Seite sieht so aus, dass man über ein Formular verschiedene Werte, wie Zutaten, Menge, Backzeit eintragen kann. Diese Werte werden dann auch über ein oncklick in der XML Datei gespeichert. Nun möchte ich aber auch, dass die Werte der XML Datei in der Html Datei (über oder unter dem Formular) angezeigt werden. Ich würde dies gerne mit Java Script umsetzen. Mein Code sieht im Moment wie folgt aus:
function anzeigen (){
xmlhttp.open("GET","meine.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.write("<table border='0'>");
var x=xmlDoc.getElementsByTagName("rezept");
for (i=0;i<x.length;i++)
{
document.write("<tr><td>");
document.write(x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue);
document.write("</td><td>");
document.write(x[i].getElementsByTagName("zutat")[0].childNodes[0].nodeValue);
document.write("</td></tr>");
}
}
Die Daten der Kindelemente name und zutat, werden so auch auf der HTML Seite in einer Tabelle ausgegeben, allerdings unter dem footer der Seite. Eigentlich habe ich für diese Daten eine eigene section angelegt und würde die Daten gerne dort ausgeben. Nun habe ich schon viele Foren durchforstet und einiges ausprobiert, aber keine Lösung gefunden.
Hat vielleicht jemand eine Idee oder kann mir einen Denkanstoß geben? Ich möchte dieses Problem auf jeden Fall mit JavaScript und/oder PHP lösen.
Danke im Voraus.
Juhuu