Ich habe 2 html - Dateien:
Wenn in der ersten Webseite der Button 'Laden' gedrückt wird, soll mit Ajax die gesamte 2 Seite in das div 'mydiv' eingefügt werden.
In der zweiten html - Webseite gibt es auch einen Button 'Anzeigen', der den Text in dem div 'd' ändern soll.
Wenn die zweite Webseite alleine ausgeführt wird, funktioniert alles.
Wenn ich die zweite Webseite in das 'mydiv' manuell eintrage, funktioniert auch alles.
Wenn ich die erste Webseite normal ausführe, kann ich über Ajax die zweite Webseite in 'mydiv' laden. Drücke ich nun auf den Button 'Anzeigen', wird der Text nicht verändert.
Bei der Ausgabe von xmlhttp.responseText wird genau der Inhalt der zweiten Webseite ausgegeben. Trotzdem kann ich den Text nicht ändern.
Kann mir irgendjemand erklären, woran dies liegt?
Ich würde mich über Hilfe freuen
Mit freundliche Grüßen
tutor0
Hier sind die beiden Dateien:
1. Webseite:
und die 2.:
Wenn in der ersten Webseite der Button 'Laden' gedrückt wird, soll mit Ajax die gesamte 2 Seite in das div 'mydiv' eingefügt werden.
In der zweiten html - Webseite gibt es auch einen Button 'Anzeigen', der den Text in dem div 'd' ändern soll.
Wenn die zweite Webseite alleine ausgeführt wird, funktioniert alles.
Wenn ich die zweite Webseite in das 'mydiv' manuell eintrage, funktioniert auch alles.
Wenn ich die erste Webseite normal ausführe, kann ich über Ajax die zweite Webseite in 'mydiv' laden. Drücke ich nun auf den Button 'Anzeigen', wird der Text nicht verändert.
Bei der Ausgabe von xmlhttp.responseText wird genau der Inhalt der zweiten Webseite ausgegeben. Trotzdem kann ich den Text nicht ändern.
Kann mir irgendjemand erklären, woran dies liegt?
Ich würde mich über Hilfe freuen
Mit freundliche Grüßen
tutor0
Hier sind die beiden Dateien:
1. Webseite:
HTML:
<html>
<head>
<script type="text/javascript" >
function ajax(){
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
alert(xmlhttp.responseText);
document.getElementById("mydiv").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET","website.html",true);
xmlhttp.send();
}
</script>
</head>
<body>
<input type="submit" value="Laden" onclick="ajax()"/>
<div id="mydiv">
</div>
</body>
</html>und die 2.:
HTML:
<script type="text/javascript" >
function clic(){
document.getElementById("d").innerHTML = "OK";
}
</script>
<input type="submit" name="s" value="Anzeigen" onclick="clic();"/>
<div id="d">press Button</div>
