nicht angemeldet
zIndex eines Elements erhöhen, Rest verringern
Hallo,
3 DIVs liegen auf der gleichen Stelle, beim Überfahren mit der Maus soll jeweils eines davon angezeigt werden.
Der Z-Index muss also immer neu gesetzt werden, warum geht das aber nicht?
<html>
<head>
<style type=text/css>
.demo{background-color:#cccccc;position:absolute;top:100px;left:100px;width:480px;height:280px;visibility:hidden}
</style>
<script type="text/javascript">
function show(id)
{
for(var i=0;i<3;i++)
{
if(id==i){document.getElementById("demodiv"+i).style.zIndex=1;}
else{document.getElementById("demodiv"+i).style.zIndex=0;}
}
document.getElementById(id).style.visibility='visible';
}
</script>
</head>
<body>
<div ID=demodiv1 class=demo>1</div>
<div ID=demodiv2 class=demo>2</div>
<div ID=demodiv3 class=demo>3</div>
<a href=# onMouseOver="show('1');">zeige 1</a><p>
<a href=# onMouseOver="show('2');">zeige 2</a><p>
<a href=# onMouseOver="show('3');">zeige 3</a><p>
</body>
</html>
-
Hi,
for(var i=0;i<3;i++)
Deine Divs beginnen mit 1...
document.getElementById(id).style.visibility='visible';
...und id ist nicht die komplette id Deines Divs...
Gruesse, Joachim
--
Am Ende wird alles gut.