Hey,
ich habe nun mal getestet ob es klappt, mit ajax, wenn man auf ein button klickt das neuer inhalt geladen wird.
Nun möchte ich, dass man z.b. Pro seite einen button hat. Und dieser Button dann mittels ajax function dann den anderen inhalt ladet.
Also so:
Seite 1:
[klick hier] -> bei klick auf diesem ausführen der ajax function -> laden neuer Inhalt und ersetzen des aktuellen.
Seite 2:
[klick hier] -> bei klick auf diesem ausführen der ajax function -> laden neuer Inhalt und ersetzen des aktuellen.
Beim ersten klicken auf den button funktioniert es, nur wenn ich dann einen neuen button mitausgebe und dann auf diesen klicke funktioniert es nicht mehr.
Seite/Inhalt 1:
Code:
Seite/Inhalt 2
Seite/Inhalt 3:
Benutze halt immer den selben code bis auf einer Änderung.
Ist es möglich ?
Conner
ich habe nun mal getestet ob es klappt, mit ajax, wenn man auf ein button klickt das neuer inhalt geladen wird.
Nun möchte ich, dass man z.b. Pro seite einen button hat. Und dieser Button dann mittels ajax function dann den anderen inhalt ladet.
Also so:
Seite 1:
[klick hier] -> bei klick auf diesem ausführen der ajax function -> laden neuer Inhalt und ersetzen des aktuellen.
Seite 2:
[klick hier] -> bei klick auf diesem ausführen der ajax function -> laden neuer Inhalt und ersetzen des aktuellen.
Beim ersten klicken auf den button funktioniert es, nur wenn ich dann einen neuen button mitausgebe und dann auf diesen klicke funktioniert es nicht mehr.
Seite/Inhalt 1:
Code:
HTML-Code:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Ajax test</title> <script> function loadcontent(){ var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("log").innerHTML = this.responseText; } } xhttp.open('GET', 'fragen.html', true); xhttp.send(); } </script> </head> <body> <div id="log"><p>Huhu du bist das</p> <button id="load_frage2" onclick="loadcontent()">test</button> </div> </body> </html>
HTML-Code:
<script> function load(){ var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { document.getElementById("log").innerHTML = this.responseText; } } xhttp.open('GET', 'fragen2.html', true); xhttp.send(); } </script> <div id="log"> <h3>Wer ist blau?</h3> <label><input type='radio' name="frage"> a) Hans</label><br> <label><input type='radio' name="frage"> b) ich </label><br> <label><input type='radio' name="frage"> c)du</label><br> <label><input type='radio' name="frage"> d) 898</label><br> <button id="load_frage3" onclick="load()">test2</button> </div>
HTML-Code:
<div id="log"> <h3>Wer ist blau und hat 2 eier?</h3> <label><input type='radio' name="frage"> a) Hans</label><br> <label><input type='radio' name="frage"> b) kraue </label><br> <label><input type='radio' name="frage"> c) lolo</label><br> <label><input type='radio' name="frage"> d) <<--->>> HUHU </label><br> <button id="load_frage4">test</button> </div>
Ist es möglich ?
Conner
Kommentar