nicht angemeldet
gruss sunny,
Das "eval" könnte ich hier eigentlich rausnehmen denke ich, ich hatte es im OriginalScript gebraucht weil es ansonsten in Mozilla nicht funktionieren wollte. ...
... was ich erstmal nicht glaube;
ohne mich jetzt an der verwendung von eval zu stossen,
habe ich mal versucht, einen dummy zu schreiben, der in etwa
Deinem bis jetzt beschriebenen problem entspricht -
da bei Dir keine fehlermeldungen in der js-konsole angezeigt
werden (so sagtest Du jedenfalls), gehe ich davon aus, dass
bei Dir die divs auf alle faelle ueber css positioniert sind;
schau mal ueber den dummy - vielleicht fallen Dir grobe
unstimmigkeiten gegenueber Deinem code auf:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title>layerEmbededImages.html</title>
<script type="text/javascript">
<!--
var button_1 = new Image();button_1.src = "http://selfhtml.teamone.de/javascript/beispiele/anzeige/button1.gif";
var button_1h = new Image();button_1h.src = "http://selfhtml.teamone.de/javascript/beispiele/anzeige/button1h.gif";
var button_2 = new Image();button_2.src = "http://selfhtml.teamone.de/javascript/beispiele/anzeige/button2.gif";
var button_2h = new Image();button_2h.src = "http://selfhtml.teamone.de/javascript/beispiele/anzeige/button2h.gif";
var button_3 = new Image();button_3.src = "http://selfhtml.teamone.de/javascript/beispiele/anzeige/button3.gif";
var button_3h = new Image();button_3h.src = "http://selfhtml.teamone.de/javascript/beispiele/anzeige/button3h.gif";
function highlightButton(number) {
if (document.layers) {
document.layers["content"].document.layers["middleColumn"].document.images["button_"+number].src = eval("button_" + number + "h.src");
} else {
document.images["button_"+number].src = eval("button_" + number + "h.src");
}
}
function resetButtons() {
var imageCollection = ((document.layers) ? (document.layers["content"].document.layers["middleColumn"].document.images) : (document.images));
imageCollection["button_1"].src = button_1.src;
imageCollection["button_2"].src = button_2.src;
imageCollection["button_3"].src = button_3.src;
}
//-->
</script>
<style type="text/css">
<!--
body {
margin-left : 0px;
margin-top : 0px;
margin-right : 0px;
margin-bottom : 0px;
font-family : verdana,geneva,helvetica,arial,sans-serif;
font-size : 0.8em;
color : #000000;
}
.floatLeft {float : left;}
div.borderColumn {width : 20%;}
div.contentColumn {width : 60%;}
/* !! wichtig !! */
/* ohne "position:[value]" rendert NN4 die <div>-auszeichnungen nicht als layer-objekte */
#content {position:relative;}
#leftColumn {position:relative;}
#middleColumn {position:relative;}
#rightColumn {position:relative;}
//-->
</style>
</head>
<body bgcolor="#f5f5f5" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">
<div id="content" name="content" style="width:100%">
<br /><br /><br /><br /><br />
<div id="leftColumn" name="leftColumn" class="borderColumn floatLeft"> </div>
<div id="middleColumn" name="middleColumn" class="contentColumn floatLeft">
<a href="javascript://" onmouseover="highlightButton(1)" onmouseout="resetButtons()" onclick="return false"><img src="http://selfhtml.teamone.de/javascript/beispiele/anzeige/button1.gif" name="button_1" width="130" height="30" alt="" title="" border="0" /></a><br />
<a href="javascript://" onmouseover="highlightButton(2)" onmouseout="resetButtons()" onclick="return false"><img src="http://selfhtml.teamone.de/javascript/beispiele/anzeige/button2.gif" name="button_2" width="130" height="30" alt="" title="" border="0" /></a><br />
<a href="javascript://" onmouseover="highlightButton(3)" onmouseout="resetButtons()" onclick="return false"><img src="http://selfhtml.teamone.de/javascript/beispiele/anzeige/button3.gif" name="button_3" width="130" height="30" alt="" title="" border="0" /></a>
</div>
<div id="rightColumn" name="rightColumn" class="borderColumn floatLeft"> </div>
</div>
</body>
</html>
wenn sich immer noch nichts bewegt, hilft nur noch einsicht
in Deinen kompletten seitencode;
by(t)e by(t)e - peterS. - pseliger@gmx.net