guru: html Code in Javascript umwandeln

Problem: Ich muss html-Code in Javascript "umwandeln".

Beispiel:
<li>1</li><br><li>2</li><br><li>3</li>

----------> in javascript

=       <script language="JavaScript">
        document.write('<li>1</li><br><li>2</li><br><li>3</li>');
        </script>
<!-- -------------------------------------------------- -->

SUPER-PROBLEM: Wie Füge ich den folgenden Code in Javascript ein? Ich bekomme immer
               eine Fehlermeldung, da der folgende Code solche Zeichen enthät: '''''

<table border="0" cellspacing="1" cellpadding="1" bgcolor="#ffffff" width="470">
<tr>
<td bgcolor="#808080">Voransicht</td>
<td bgcolor="#808080">Name</td>
<td bgcolor="#808080">Farben</td>
<td bgcolor="#808080">Auflösung</td>
<td bgcolor="#808080">Art</td>
<td bgcolor="#808080">Größe (kb)</td>
</tr>

<tr>
<th colspan="6" bgcolor="#8d8d8d"><a style="cursor:hand;" onClick="writetoLyr('HintergrundLayer', '')">Hintergrund löschen</a></th>

</tr>

<tr>
<td bgcolor="#8d8d8d">
<a style="cursor:hand;" onClick="writetoLyr('HintergrundLayer', '<img src=Hintergründe/terra32.jpg border=0 align=center>')">
<img src="Hintergründe/minis/terra32_small.jpg" border="0"></a></td>
<td bgcolor="#8d8d8d">Terra32</td>
<td bgcolor="#8d8d8d">16 Millionen</td>
<td bgcolor="#8d8d8d">1280x960</td>
<td bgcolor="#8d8d8d">Render</td>
<td bgcolor="#8d8d8d">97,7kb</td>
</tr>
</table>

Für Hilfe, Tipps und Tricks im Voraus vielen Dank !!!!!!!!!!!

guru

  1. Auch dir einen schönen Abend,

    Problem: Ich muss html-Code in Javascript "umwandeln".

    du musst die Zeichen maskieren.

    aus " wird "

    document.write("<table border="0" cellspacing="1" cellpadding="1" bgcolor="#ffffff" width="470"><tr><td bgcolor="#808080">Voransicht</td><td bgcolor="#808080">Name</td><td bgcolor="#808080">Farben</td><td bgcolor="#808080">Auflösung</td><td bgcolor="#808080">Art</td><td bgcolor="#808080">Größe (kb)</td></tr><tr><th colspan="6" bgcolor="#8d8d8d"><a style="cursor:hand;" onClick="writetoLyr('HintergrundLayer', '')">Hintergrund löschen</a></th></tr><tr><td bgcolor="#8d8d8d"><a style="cursor:hand;" onClick="writetoLyr('HintergrundLayer', '<img src=Hintergründe/terra32.jpg border=0 align=center>')"><img src="Hintergründe/minis/terra32_small.jpg" border="0"></a></td><td bgcolor="#8d8d8d">Terra32</td><td bgcolor="#8d8d8d">16 Millionen</td><td bgcolor="#8d8d8d">1280x960</td><td bgcolor="#8d8d8d">Render</td><td bgcolor="#8d8d8d">97,7kb</td></tr></table>");

    Tabellen sind ja so unübersichtlich >;)

    LG Orlando

  2. Hi,

    Beispiel:
    <li>1</li><br><li>2</li><br><li>3</li>

    erstmal dazu, weil's Blödsinn ist hinter </li> ein <br> zu setzen. Das Schliessende </li> macht selbst einen Zeilenwechsel. In JavaScript wird \n verwendet, um einen Zeilenumbruch zu erstellen - falls das dein Gedanke war.

    Nun zu deiner Frage.

    Du musst dich mit dem Prinzip der "gequoteten" Strings auseinandersetzen, kenne leider keinen deutschenBegriff dafür, d.h. ' oder ! innerhalb von '' oder "".
    Um mit JS ein " in einen String zu packen, musst du
       """
    angeben. Gleiches gilt auch für '
       "'"
    insbesondere, wenn der String selbst in ' steht
       '''
    ABER. innerhalb von '' kannst du " direkt schreiben
       '"'
    WElche Kombi jetzt genau wann wie gebraucht wird kann ich dir nicht im Detail sagen: Selber testen.

    Ist jedenfalls eine Fummelei und du zerlegst deine Fette Tabelle ab besten in einzelne " und ' freie Teile, bzw nutzt den '' Vorteil:

    document.write('<table border="0" cellspacing="1" cellpadding="1" bgcolor="#ffffff" width="470">')

    klappt weil der String selbs in einfachen ' steht.

    Hier wirds unangenehm:
    <a style="cursor:hand;" onClick="writetoLyr('HintergrundLayer', '<img src=Hintergründe/terra32.jpg border=0 align=center>')">

    Theoretisch sollte das gehen (nicht getestet)
    document.write('<a style="cursor:hand;" onClick="writetoLyr('HintergrundLayer', '<img src=Hintergründe/terra32.jpg border=0 align=center>')">');

    AFAIK hat NS4 Probleme mit "</element>" bei den HTML Schreibereien.
    Hier musst du den "/" im schliessenden Tag ebenfalls maskieren:
      document.write("</table");
    könnte aber auch so gehen. Jedenfalls braucht man's wenn man <script></script> per JS selbst schreibt.

    Selber testen

    Viel Spaß
    CirTap

  3. Vielen Vielen Dank euch 2!!!
    schönen Abend noch !! =)