Guten Abend,
folgendes Problem:
Es gibt eine Bildergalerie. Sobald ich mit dem Mauszeiger über einen thumb fahre, wird das dazugehörigen große Bild angezeigt und es werden die zwei folgenden Funktionen ausgelöst:
JavaScript
<script type="text/javascript">function thumb(x) { document.getElementById("vorschau").src = "bilder/versch/versch" + x + ".jpg"; var req = new XMLHttpRequest(); req.open("get", "bilderdatenbanken/bilderdatenbank-versch.xml", true); req.onreadystatechange = function(e) { ausgeben(e, x); }; req.send(); return false; }</script>
JavaScript
<script type="text/javascript">function ausgeben(e, x) { if(e.target.readyState == 4 && e.target.status == 200) { var antwort = e.target.responseXML; var nummer = antwort.getElementsByTagName("bildnr")[x-1].innerHTML; var titel = antwort.getElementsByTagName("bildtitel")[x-1].innerHTML; var laenge = antwort.getElementsByTagName("laenge")[x-1].innerHTML; var breite = antwort.getElementsByTagName("breite")[x-1].innerHTML; var frame = antwort.getElementsByTagName("rahmen")[x-1].innerHTML; var price = antwort.getElementsByTagName("preis")[x-1].innerHTML; document.getElementById("bildtitel").firstChild.nodeValue = titel; document.getElementById("lang").firstChild.nodeValue = "Länge: " + laenge + " cm"; document.getElementById("breit").firstChild.nodeValue = "Breite: " + breite + " cm"; document.getElementById("rahmen").firstChild.nodeValue = "gerahmt: " + frame; document.getElementById("preis").firstChild.nodeValue = "Preis: " + price + " €"; document.getElementById("bildnr").firstChild.nodeValue = "Bildnummer: ubk-v-" + nummer; } }</script>
Die Funktionen holen aus einer XML Datei die "technischen Daten" und ersetzen die Daten des zuvor gezeigten Bilds.
Mit dem Firefox und unter Safari funktioniert auch alles, wie es soll, nur mit dem Internet Explorer kommt als Ausgabe "undefined".
Kann mir jemand verraten, warum?
Grüße,
Michael