AJAX - Problem

  • AJAX - Problem

    Hallo

    da mich das Thema schon länger reizt versuche ich gerade ein simples AJAX - Beispiel zum laufen zu bekommen. Meine Page funktioniert allerdings aktuell nur mit Firefox und IE6, Opera liefert einen Fehler in der "Error Console" und eine weiße Seite, Konqueror schreibt den Inhalt des Requests nicht in das angegebene Div sondern direkt in das <html>

    Mein Script:

    Quellcode

    1. function load(what){
    3. var req = null;
    5. try{
    6. req = new XMLHttpRequest();
    7. }
    8. catch(ms){
    9. try{
    10. req = new ActiveXObject("Msxml2.XMLHTTP");
    11. }
    12. catch(nonms){
    13. try{
    14. req = new ActiveXObject("Microsof.XMLHTTP");
    15. }
    16. catch (failed){
    17. req = null;
    18. }
    19. }
    20. }
    21. if (req == null)
    22. alert("Konnte Ajax nicht initialisieren!");
    23. req.open("GET", "http://akazielx/test/viper/" + what, true);
    24. req.onreadystatechange = function(){
    25. switch (req.readyState){
    26. case 4:
    27. if (req.status != 200){
    28. alert("Fehler: " + req.status);
    29. }else{
    30. document.getElementById("content").innerHTML = req.responseText;
    31. }
    32. break;
    33. default:
    34. return false;
    35. break;
    36. }
    37. }
    38. req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    39. req.send(null);
    40. }
    Alles anzeigen


    Das ganze ist auss 2 Tutorials zusammengebaut:

    developer.mozilla.org/en/docs/AJAX:Getting_Started

    admin-wissen.de/tutorials/eige…jax-tutorial/xml-und-dom/

    das div mit der id="content" existiert und stimmt auch in Groß/Kleinschreibung überein.

    Der Operafehler ist:

    Quellcode

    1. Event thread: click
    2. Error:
    3. Unhandled exception: [Object LSException]
    4. code: 81
    There are only 10 types of people in the world: Those who understand binary, and those who don't.

    Download meines ersten Spiels:HIER
    Über Feedback würde ich mich freuen ;)

  • Klar hier der Code:

    Quellcode

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
    4. <head>
    5. <title>Website der ESD</title>
    6. <link rel="stylesheet" href="ajax_style.css" type="text/css" />
    7. <link rel="shortcut icon" href="favicon.ico" />
    8. <script type="text/javascript">
    9. <!--
    10. function load(what){
    11. var req = null;
    13. try{
    14. req = new XMLHttpRequest();
    15. }
    16. catch(ms){
    17. try{
    18. req = new ActiveXObject("Msxml2.XMLHTTP");
    19. }
    20. catch(nonms){
    21. try{
    22. req = new ActiveXObject("Microsof.XMLHTTP");
    23. }
    24. catch (failed){
    25. req = null;
    26. }
    27. }
    28. }
    30. if (req == null)
    31. alert("Konnte Ajax nicht initialisieren!");
    33. req.open("GET", "http://darthd.da.funpic.de/test/viper/" + what, true);
    35. req.onreadystatechange = function(){
    36. switch (req.readyState){
    37. case 4:
    38. if (req.status != 200){
    39. alert("Fehler: " + req.status);
    40. }else{
    41. document.getElementById("content").innerHTML = req.responseText;
    42. }
    43. break;
    44. default:
    45. return false;
    46. break;
    47. }
    48. }
    50. req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    52. req.send(null);
    53. }
    54. -->
    55. </script>
    56. </head>
    57. <body onload="load('1.txt')">
    58. <div id="container">
    59. <div id="left"></div>
    61. <div id="leftcol">
    62. <div id="menu">
    63. <ul id="menulist">
    64. <li class="top" onclick="load('1.txt')">Eins</li>
    65. <li class="ajax" onclick="load('2.txt')">Zwei</li>
    66. <li class="ajax" onclick="load('3.txt')">Drei</li>
    67. <li class="top" onclick="load('4.txt')">Vier</li>
    68. <li class="top" onclick="load('5.txt')">Fünf</li>
    69. </ul>
    70. </div>
    71. </div>
    72. <div id="content">
    73. &nbsp;
    74. </div>
    75. </div>
    76. </body>
    77. </html>
    Alles anzeigen


    Sry für die verzogene Einrückung, die hat das Kopieren nicht so toll überstanden

    EDIT://
    Sehr seltsam, Opera scheint nur bei den onclick - Events Probleme zu haben, mit onload geht das seltsamerweise
    There are only 10 types of people in the world: Those who understand binary, and those who don't.

    Download meines ersten Spiels:HIER
    Über Feedback würde ich mich freuen ;)

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von darthdespotism ()

  • Ich hatte das schonmal mit <a> nur hatte ich nicht herausbekommen wie ich href= setzen muss.

    Eine Idee was Konqueror dazu bewegt das direkt ins <html> statt in das passende <div> einzusetzen?

    EDIT://
    Ich habe das jetzt mit dem <a> umgesetzt, keine Verbesserung.

    Ich habe das ganze auch online zum ausprobieren:
    darthd.da.funpic.de/test/viper/ajax.html
    There are only 10 types of people in the world: Those who understand binary, and those who don't.

    Download meines ersten Spiels:HIER
    Über Feedback würde ich mich freuen ;)

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von darthdespotism ()

  • Was funktioniert denn eigentlich nicht? Mit Firefox 2.0.0.6 und Opera 9.23 habe ich jedenfalls keine Probleme deine Seiten zu laden.

    Offtopic... ich finde die AJAX Anwendung hier nicht sinnvoll. Das macht es nicht nur für den Benutzer unberechenbar (will er z.B. eine Unterseite bookmarken), sondern hat in der aktuellen Implementierung auch den Nachteil, dass die Scrollbar unten bleibt, wenn du die Seite wechselst.

  • Das ganze muss nicht unbedingt sinnvoll sein ;)

    Opera lädt bei mir die Seite korrekt, nur die "link" führen zu einer weißen Seite.

    return false; hab ich ausprobiert. bringt nichts neues

    EDIT://
    Safari 3.03 und IE7 gehen auch. Konqueror meldet einen Type Error: Null Value

    document.getElementById("content").innerHTML = req.responseText;
    There are only 10 types of people in the world: Those who understand binary, and those who don't.

    Download meines ersten Spiels:HIER
    Über Feedback würde ich mich freuen ;)

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von darthdespotism ()

  • Ich habe mal versucht das ganze auf ein Minimum zu reduzieren:
    Minimalbeispiel
    Opera lädt immer noch nichts nach und Konqueror ersetzt immer noch den _gesammten_ Inhalt des bodys (Kann ich irgendwie herausbekommen, was vom Head noch da ist?)
    There are only 10 types of people in the world: Those who understand binary, and those who don't.

    Download meines ersten Spiels:HIER
    Über Feedback würde ich mich freuen ;)

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von darthdespotism ()

  • d0nut schrieb:

    Kanns sein, dass dein Minimalbeispiel falsch verlinkt ist *g*
    Hm irgendwie seltsam, ich dachte das hatte gepasst, jetzt geht es auf jeden Fall

    Wenn du an AjaxInhalte ranwillst, machst du das am besten mit folgendem Snippet:

    Quellcode

    1. alert(document.getElementById('deinajaxdiv').parentNode.innerHTML);


    Damit lese ich den Inhalt des dem 'deinajaydiv' übergeordneten Tags aus und zeige das in einer MessageBox an, richtig? Mal sehen ob ich damit was zum debuggen bauen kann.

    Ich habe das ganze zwischenzeitlich mit den Code aus dem [coderwiki]http://www.coder-wiki.de/HowTos/AJAX-als-iframe-ersatz[/coderwiki] probiert, der Zeigt bei mir genau das gleiche Verhalten (POST durch GET ersetzt)
    There are only 10 types of people in the world: Those who understand binary, and those who don't.

    Download meines ersten Spiels:HIER
    Über Feedback würde ich mich freuen ;)

  • Stimmt, das ist ein Name der reserviert sein könnte - würde auch einiges erklären :)

    Ich versuchs nachher gleich aus

    Ich habe das jetzt auf meinem lokalen Server durch my_load() ersetzt - und schon funktioniert es mit Opera & Konqueror :)
    There are only 10 types of people in the world: Those who understand binary, and those who don't.

    Download meines ersten Spiels:HIER
    Über Feedback würde ich mich freuen ;)

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von darthdespotism ()