nicht angemeldet
Hallo Struppi!
Die Lösung wäre also, wenn du vor dem austauchsen die Events inaktivierst (zumindest den mouseout) und danch wieder aktivierst.
Das Inaktivieren funktioniert (wenn ich das anschl. Aktivieren weglasse)
Wenn ich aber anschließend wieder aktiviere, tut sich gar nichts (kein Textwechsel aber auch keine Fehlermeldung).
Grüße Toni
Hier der Code, die Änderungen markiert <===
<!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').onmouseout=null; <==============
document.getElementById('Text').innerHTML = Text;
document.getElementById('Text').onmouseout=tauschen (txtBild1); <=====
}
</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