[Ajax] [Jquery] Problem mit dynamischen Inhalt und des dazugehörigen Ajax requestes

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • [Ajax] [Jquery] Problem mit dynamischen Inhalt und des dazugehörigen Ajax requestes

    Hi jungs! ich hab da mein ajax script mit jquery tools.
    wenn ich ihm in der ajax.php ein header ("content-type: text/xml"); gebe funktioniert es zwar aber, ich kann dann nicht wie gewünscht in Zeile 36 mit html() ausgeben da bricht er dann ab, weil halt kein html inhalt in einer reinen XML geht....

    nun meine frage kann man das so lösen, dass er mir quasi zwischen den tag <Text></Text> auch html interpretiert ?
    wenn ja, wie ?!



    die funktion News(); wird im Body geladen.

    Quellcode

    1. var effekt_fade = 800;
    2. var originalordner = 'http://localhost/dynamiknuss/';
    4. /* News lesen und bearbeiten mit overlay */
    5. function News()
    6. {
    7. lade_news(1);
    8. }
    9. function setze_news(news_nummer)
    10. {
    11. $("#inhalt").show().fadeOut(effekt_fade);
    12. setTimeout(function(){ lade_news(news_nummer); } ,effekt_fade);
    14. }
    16. function lade_news(nummer)
    17. {
    18. $(document).ready(function()
    19. {
    20. $.get(originalordner + 'dynamikcontent/ajax.php?a=News',"xml", function(d){
    21. var news_inhalte = $(d).find('Seiten').text();
    22. var i = 0;
    23. $(d).find('Artikel').each(function()
    24. {
    25. i = i+1;
    26. if (i == nummer)
    27. {
    28. $("#inhalt").empty();
    29. $("#inhalt").hide().fadeIn(effekt_fade);
    30. var $artikel = $(this);
    31. var $datum = $artikel.attr("Datum");
    32. var $kopfzeile = $artikel.find('Betreff').text();
    33. $("#inhalt").append('<span class="x_kopfzeile"><b>' + $kopfzeile + '</b><br />');
    34. $("#inhalt").append('<span class="x_datum">' + $datum + '</span><br /><br />');
    36. var $inhalt = $artikel.find('Text').html();
    37. $("#inhalt").append('<div id="x_inhalt">' + $inhalt + '</div><br />');
    39. /* Navigation der News */
    40. var navausg = '<div align="center"><table width="600" border="0"><tr>';
    41. last_seite = i-1;
    42. next_seite = i+1;
    44. if (last_seite >= 1)
    45. {
    46. navausg = navausg + '<td width="150"><div align="left"><span class="x_links_last" onClick="setze_news(' + last_seite +')">vorherige Nachricht << </span></div></td>';
    47. }
    48. else
    49. {
    50. navausg = navausg + '<td width="150">&nbsp;</td>';
    51. }
    53. navausg = navausg + '<td width="300"><div align="center"><span class="x_links_seitenzahl" align="center">' + i +' / ' + news_inhalte + '</span></div></td>';
    55. if (next_seite <= news_inhalte)
    56. {
    57. navausg = navausg + '<td width="150"><div align="right"><span class="x_links_next" onClick="setze_news(' + next_seite +')"> >> nächste Nachricht</span></div></td>';
    58. }
    59. if (i == news_inhalte)
    60. {
    61. navausg = navausg + '<td width="150"><div align="right"><span class="x_links_next" onClick="setze_news(1)"> >> erste Nachricht</span></div></td>';
    62. }
    63. $("#inhalt").append('<br /><br />' + navausg);
    64. }
    65. });
    66. });
    67. });
    68. }
    Alles anzeigen
    Beste Grüße,
    M4rc3L-XCN

    Dieser Beitrag wurde bereits 4 mal editiert, zuletzt von M4rc3L-XCN ()

  • Soso, er bricht ab. Kann es vielleicht sein, dass der find('Text') schon fehlschlägt?
    Und html() dann quasi auf einem "nonobject" ausgeführt wird.

    Ich habe mal versucht dein Beispiel schmaler zu machen:

    Quellcode

    1. var div = document.createElement('div');
    2. div.innerHTML = '<b>bbb</b> <a>aaaa</a>';
    3. alert($(div).find('a').html());


    Das klappt super - ich nehme an, dass dein XML Dokument nicht wohlgeformt ist. Ist der HTML Code mit <!CDATA[...]]> umrandet?

  • ähm ich bekomm bei dem test alert($artikel.find('Text'));
    ein object object zurück. soweit so gut.
    mach ich statt html() ein text() bekomm ich auch den inhalt des textes zurück aber ich möcht ja nicht nur den text sondern den htmlcode auch.

    dumme frage wie muss das mit dem cdata aussehen ?

    was meinst du mit deinem codesegment ?


    meine XML php ausgabe:

    Quellcode

    1. <News>
    2. <Seiten>3</Seiten>
    3. −
    4. <Artikel Datum="17.11.2009">
    5. <Betreff>News 1</Betreff>
    6. −
    7. <Text>
    8. Blah blah 1<br/>63527 <br/>test
    9. </Text>
    10. </Artikel>
    11. −
    12. <Artikel Datum="17.11.2009">
    13. <Betreff>News 2</Betreff>
    14. −
    15. <Text>
    16. Blah blah 1<br/>63527 <br/>test
    17. </Text>
    18. </Artikel>
    19. −
    20. <Artikel Datum="30.07.2009">
    21. <Betreff> EPS-Server</Betreff>
    22. −
    23. <Text>
    24. Blah blah 1<br/>63527 <br/>test
    25. </Text>
    26. </Artikel>
    27. </News>
    Alles anzeigen
    Beste Grüße,
    M4rc3L-XCN

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von M4rc3L-XCN ()

  • nicht getestet, aber ich meinte das mit CDATA so:

    Quellcode

    1. <Text><![CDATA[
    2. Allen Besuchern unseres Servers ist ja bekannt, dass die HlstatsX Premium Tools auf unserem Gameserver geloggt sind.
    3. ...
    4. Man darf also wieder sehr gespannt sein, nachdem er auch das NutAdmin-Konfigurationstool für alle Member des NussClan´s hervorragen entwickelt hat.
    5. ]]></Text>


    Mein Beispiel sollte einfach nur eine Kurzfassung von deinem Code sein - ein kleines lauffähiges Beispiel ;)

  • klar schau mal hier habe jetzt text() drinne
    Page: neu.nussclan.de/
    XML file: neu.nussclan.de/dynamikcontent/ajax.php?a=News
    JS teil: neu.nussclan.de/dynamik/xcn.js

    habe am ende des News inhaltes die Lupe aus der Navigation nochmal eingefügt mit absolutlink im FF zeigt er sie und im IE net, zumindest hat er das letztes mal nicht gemacht.
    jetzt beim test macht er es....

    schau trotzdem mal rein

    PS: ähm mal was anderes noch in der wiki war das doch mit der lade grafik ich hab das als page_stat() in der xcn.js drinne wieso macht er beim IE das nicht so richtig mit dem effekt,
    ich möchte nämlich dass er die seite erst einblendet also das fadeIn() verwendet wenn er komplett alle grafiken aus dem head und navi bereich geladen hat.
    Beste Grüße,
    M4rc3L-XCN

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von M4rc3L-XCN ()

  • naja, durch das cdata ist es eben ein Text, statt ein HTML Objekt. Mit dem Firefox funktioniert also alles was du brauchst.
    Habe zur Zeit leider keinen IE zur Verfügung...
    Probier mal $.post statt $.get um sicherzustellen, dass es nicht am Caching liegt.

    Auch eine Variante um an den Inhalt zu kommen... (bestimmt keine bessere)

    Quellcode

    1. var $inhalt = $artikel.find('Text')[0].firstChild.data


    UPDATE: Für deine Ladegrafik Frage mach bitte ein extra Posting auf - vielleicht auch mit Screenshot