nicht angemeldet
Hallo Felix
Wie wäre es mit dieser Lösung?
var txtBild1 = '<h1>Überschrift</h1>'
+ '<p>Text Bild1 <strong>Zeile 1</strong></p>'
+ '<p>Text Zeile 2</p>'
+ '<p><strong>und ...</strong></p>';
>
Das führte zu Warnungen: '<' + '/' + letter not allowed here
Nach der Korrektur von jeweils \/ war es fehlerfrei, allerdings ist der Effekt nach wie vor vorhanden.
Ich habe das Beispiel weiter vereinfacht (Bild herausgenommen), s.u.
Das "Flackern" passiert, wie ich jetzt festgestellt habe im Firefox und Netscape, im Opera ist es wieder ganz anders. Wenn ich da mit dem Cursor in die Box hineinfahre, wechselt der Text auf Text 2, wenn ich dann aber in den Text hineinfahre, kommt wieder Text 1.
Hoffentlich ist das ein Anhaltspunkt.
Gruß
Toni
~~~html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Bildwechsel Test-neu</title>
<script type="text/javascript">
var txtBild1 = '<h1>Überschrift 1<\/h1>'
+ '<p>Text Bild1 <strong>Zeile 1<\/strong><\/p>'
+ '<p>Text Zeile 2<\/p>'
+ '<p><strong>und ...<\/strong><\/p>';
var txtBild2 = '<h1>Überschrift 2<\/h1>'
+ '<p>Text Bild2 <strong>Zeile 1<\/strong><\/p>'
+ '<p>Text Zeile 2<\/p>'
+ '<p><strong>und ...<\/strong><\/p>';
function tauschen (Text)
{
document.getElementById('Text').innerHTML = Text;
}
</script>
<style type="text/css">
div#Text {
margin-left: 520px;
padding: 3em 1em;
border: 1px dashed green;
}
</style>
</head>
<body>
<div id="Text"
onmouseover="tauschen (txtBild2)"
onmouseout="tauschen (txtBild1)">
<h1>Überschrift</h1><p>Text Bild1 <strong>Zeile 1</strong></p><p>Text Zeile 2</p><p><strong>und ...</strong></p>
</div>
</body>
</html>
Struppi