.... zo blijven alle divs zichtbaar maar krijg je elke x een andere in je scherm,, de ene staat gewoon achter de andere... maar zou iemand deze code kunnen afwerken?ik ben niet zo goed met javascript
doeg,
en.Ik vindt niet hoe ik via javascript de z-index kan toewijzen aan elke div.
Ik krijg telkens een "syntaxfout" als ik de pagina open.
Misschien toch best bij die visibility blijven zoals hier.
Greetz : Jer
) dat uitwerken
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>z-index</title>
<script language="JavaScript" type="text/javascript">
var currIndex = 2;
function naarVoor(id)
{
document.getElementById(id).style.zIndex = ++currIndex;
}
</script>
<style type="text/css">
#een {
background-color: #00FF00;
z-index: 1;
position: absolute;
top: 10px;
left: 10px;
width: 200px;
height: 150px;
}
#twee {
background-color: #FFFF00;
z-index: 2;
position: absolute;
top: 40px;
left: 25px;
width: 200px;
height: 200px;
}
</style>
</head>
<body>
<div id="een" onclick="naarVoor('een')">De eerste div</div>
<div id="twee" onclick="naarVoor('twee')">Div 2</div>
</body>
</html>