Jeg er ikke 100% safe på at det er det her du vil have, men check det lige :)
<html>
<head>
<style type=text/css>
#aDiv {
TOP:10;
LEFT:10;
LAYER-BACKGROUND-COLOR:#6666ff;
BACKGROUND-COLOR:#6666ff;
Z-INDEX:0;
}
#bDiv {
TOP:30;
LEFT:30;
LAYER-BACKGROUND-COLOR:#66ff66;
BACKGROUND-COLOR:#66ff66;
Z-INDEX:1;
}
#cDiv {
TOP:50;
LEFT:50;
LAYER-BACKGROUND-COLOR:#ff6666;
BACKGROUND-COLOR:#ff6666;
Z-INDEX:2;
}
.etLag {
POSITION:absolute;
WIDTH:100;
HEIGHT:100;
CLIP:rect(0px 100px 100px 0px);
}
</style>
<script language=\"Javascript\">
function document_onload() {
IE = document.all? true:false;
fnBuildCrossBrowserReferences()
fnSetEvents()
}
function fnBuildCrossBrowserReferences() {
// her bygger vi referencer der virker til både Netscape og IE
aDivCBR = IE? aDiv:document.aDiv;
bDivCBR = IE? bDiv:document.bDiv;
cDivCBR = IE? cDiv:document.cDiv;
aDivCSS = IE? aDiv.style:aDivCBR;
bDivCSS = IE? bDiv.style:bDivCBR;
cDivCSS = IE? cDiv.style:cDivCBR;
// og laver lige et array af lag..
lag = new Array()
lag[0] = new Array;
lag[0][0] = aDivCBR;
lag[0][1] = aDivCSS;
lag[1] = new Array()
lag[1][0] = bDivCBR;
lag[1][1] = bDivCSS;
lag[2] = new Array()
lag[2][0] = cDivCBR;
lag[2][1] = cDivCSS;
}
function fnSetEvents() {
// her fanger vi onclick-events\'ne
// og sætter handlers på
for (i in lag) {
if (!IE) lag[i][0].captureEvents(Event.CLICK);
lag[i][0].onclick = new Function(\"e\",\"fnClick(\"+i+\")\");
}
}
function fnClick(objNum) {
for (i in lag) {
if (lag[objNum][1].zIndex<lag[i][1].zIndex) lag[i][1].zIndex=(lag[i][1].zIndex-1)
}
lag[objNum][1].zIndex=lag.length;
}
</script>
</head>
<body onload=\"document_onload()\">
<div id=aDiv class=etLag>Jeg er div A</div>
<div id=bDiv class=etLag>Jeg er så div B</div>
<div id=cDiv class=etLag>Og jeg hedder div C</div>
</body>
</html>
Ideen er at det lag der trykkes på bliver sat forrest, mens de andre lag beholder deres indbyrdes zIndex rækkefølge; det er derfor jeg har lavet den der if-sætning i fnClick - den tester simpelthen om det lag der bliver løbet igennem har højere zIndex end det man har trykket på..
Virker i IE og NS 4+
Ny bruger
Nybegynder
Opret
Preview
