[HTML] Kleines Zeichenproblem in Javascript

Diversity · 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>

Anzeige

Ekol · 18. Januar 2013

AW: Kleines Zeichenproblem in Javascript

versuch es mal damit:
document.write('blablabla <a href="www.google.de">Klick den Link</a>');

BlueSin · 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>");

Nanobyte · 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>

Diversity · 19. Januar 2013

AW: Kleines Zeichenproblem in Javascript

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

[HTML] Kleines Zeichenproblem in Javascript

Videos zum Thema

Ähnliche Themen mit den Stichworten: HTML Kleines Zeichenproblem

Nützliche Suchen

[HTML] Kleines Zeichenproblem in Javascript

Videos zum Thema

Ähnliche Themen mit den Stichworten: HTML Kleines Zeichenproblem