[HTML] Kleines Zeichenproblem in Javascript

Dieses Thema im Forum "Webdesign" wurde erstellt von Diversity, 18. Januar 2013 .

  1. 18. Januar 2013
    Kleines Zeichenproblem in Javascript

    Ich bastel gerade an ner kleinen Rotation, die normalerweise funktioniert - jedenfalls so lange ich keine Links mit Anführungszeichen einsetze.
    Sobald ich nen link mit <a href="blabla"> einsetze, wird die gesamte Zeile anschließend nicht mehr angezeigt. Wird wohl an dem Anführungszeichen liegen. Mit ' statt " klappt es aber leider auch nicht. Weiss jemand Abhilfe?

    Code:
    <script type="text/javascript">
    // <![CDATA[
     var rnd = parseInt(Math.random() * 2);
    
     switch (rnd)
     {
     case 0:
     {
     document.write("blablabla <a href="www.google.de">Klick den Link</a>");
     break;
     }
     case 1:
     {
     document.write("blablabla <a href='www.google.de'>Klick den Link</a>");
     break;
     }
     
     }
    // ]]>
    </script>
    
     
  2. 18. Januar 2013
    AW: Kleines Zeichenproblem in Javascript

    versuch es mal damit:
    document.write('blablabla <a href="www.google.de">Klick den Link</a>');
     
  3. 18. Januar 2013
    AW: Kleines Zeichenproblem in Javascript

    Entweder
    Code:
    document.write('blablabla <a href="www.google.de">Klick den Link</a>');
    oder
    Code:
    document.write("blablabla <a href=\"www.google.de\">Klick den Link</a>");
     
    1 Person gefällt das.
  4. 19. Januar 2013
    AW: Kleines Zeichenproblem in Javascript

    So würde ich es vereinfacht lösen.
    Durch das erzeugen eines A-Elements entfällt die Problematik mit dem Escapen (Ausgenommen dem ')

    HTML:
    <div id="bannerrotator"></div>
    
    <script> <!-- type="text/javascript" wird nicht mehr benötigt -->
    <!-- CDATA ist auch veraltet -->
    
    // Alle links sind in einem Array, einfacher zu erweitern
    var links = [
     ['Klick mich (Google.de)','http://www.google.de/'],
     ['Klick mich (Ebay.de)','http://www.ebay.de/'],
     ['Nachrichten (Spiegel.de)','http://www.spiegel.de/']
    ];
    
    // Zufällige nummer zwischen 0 und Anzahl der Einträge im Array
    var rand = Math.floor(Math.random() * links.length);
    
    // Link-Element erzeugen
    var link = document.createElement('a');
    
    // Text und Ziel setzen
    link.innerText = links[rand][0];
    link.href = links[rand][1];
    
    // Element in ein Platzhalter-Element hinzufügen
    document.getElementById('bannerrotator').appendChild( link );
    </script>
    
     
    1 Person gefällt das.
  5. 19. Januar 2013
    AW: Kleines Zeichenproblem in Javascript

    Variante zwei funktioniert in Kombination mit Variante 1.
    Danke euch dreien!
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.