Lieber Tolonath,
habe mir einen Crashkurs in JavaScript angedeihen lassen und habe Deine elegante Idee mit dem Zähler irgendwann mal kapiert. Hier - falls es Dich interessiert - das, was ich für meine Webpage benötige (und in Deinem Skript geändert habe). Danke! Pinki
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<style type="text/css">
<!--
html, body {
background-color: black;
margin: 0;
padding: 0;
height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
}
.game {
position:absolute; top:0%; right:80%; bottom:60%; left:0%;
background-color: orange;
}
.links {
position:absolute; top:10%; right:60%; bottom:20%; left:0%;
background-color: red;
}
.mitte {
position:absolute; top:0%; right:40%; bottom:30%; left:67px; background-color: blue; height: 381px; width: 159px;
}
.rechts {
position:absolute; top:0%; right:0%; bottom:20%; left:60%;
background-color: green;
}
.unten {
position:absolute; top:70%; right:0%; bottom:0%; left:0%;
background-color: yellow;
}
-->
</style>
<script language="JavaScript">
<!--
function vor (was) {
var ind=0;
var indo=0;
for (i=0; i<5;i++)
{ indo = eval(document.getElementsByTagName("div")[i].style.getPropertyValue("z-index"));
if (ind <= indo) {
ind = indo;
}
}
ind=ind+1;
document.getElementsByName(was)[0].style.zIndex = ind;
}
//-->
</script>
</head>
<div class="game" id="game" onMouseOver="vor('game')" name="game">Game</div>
<div class="links" id="links" onMouseOver="vor('links')" name="links">links</div>
<div class="mitte" id="mitte" onMouseOver="vor('mitte')" name="mitte">mitte</div>
<div class="rechts" id="rechts" onMouseOver="vor('rechts')" name="rechts">rechts</div>
<div class="unten" id="unten" onMouseOver="vor('unten')" name="unten">unten</div>
</body>
</html>