Próbowąłem skonstruować coś, listing poniżej.
Problemy:
- Błąd składni w JS
- layery nie leza jeden na drugim
Znajdzie się na to jakaś rada?
[xml:1:c113004fde]<HTML>
<HEAD>
<TITLE></TITLE>
<style type="text/css">
<!--
.layer1 {
background-color: #CCCCCC;
z-index: 0;
height: 150px;
width: 150px;
}
.layer2 {
background-color: #00CCCC;
z-index: 0;
height: 150px;
width: 150px;
}
.layer3 {
background-color: #99CC66;
z-index: 0;
height: 150px;
width: 150px;
}
-->
</style>
<script language="JavaScript" type="text/JavaScript">
<!--
function blerg(warstwa) {
for (i=0; i=3; i++) {
divek = 'Layer' + i;
if (divek=warstwa){
document.getElementsById.divek.style.z-index = 4;
} else {
document.getElementsById.divek.style.z-index = 0;
}
}
}
//-->
</script>
</HEAD>
<BODY>
<table width="500" border="1">
<tr>
<td><a href="java script:blerg(Layer1);">Layer1</a></td>
<td><a href="java script:blerg(Layer2);">Layer2</a></td>
<td><a href="java script:blerg(Layer3);">Layer3</a></td>
</tr>
<tr>
<td colspan="3">
<div class="layer1" id="Layer1">Layer1</div>
<div class="layer2" id="Layer2">Layer2</div>
<div class="layer3" id="Layer3">Layer3</div>
</td>
</tr>
</table>
</BODY>
</HTML>[/xml:1:c113004fde]
