[HTML] Kleines Zeichenproblem in Javascript

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

  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #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. Anzeige
  3. #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>');
     
  4. #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.
  5. #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.
  6. #5 19. Januar 2013
    AW: Kleines Zeichenproblem in Javascript

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

  7. Videos zum Thema
Die Seite wird geladen...
Similar Threads - HTML Kleines Zeichenproblem
  1. Kleines HTML-CSS Design!!

    opio12 , 24. März 2007 , im Forum: Webentwicklung
    Antworten:
    2
    Aufrufe:
    263
  2. Antworten:
    10
    Aufrufe:
    513
  3. Antworten:
    7
    Aufrufe:
    517
  4. Antworten:
    7
    Aufrufe:
    1.941
  5. Antworten:
    2
    Aufrufe:
    460