Hola todos, estoy haciendo una aplicacion en la cual tengo unos frames controlados por pestañas, que son con imagenes superpuestas con z-index (superpuestas como pestañas realmente).
el problema que me ha surgido es que al intentar "traer" una pestaña de un z-index inferior, no funciona, mas, no funciona ningun evento (usaba onclick)
¿hay alguna manera de detectar si se hace click en una capa inferior de la pagina?
Gracias por la(s) respuesa(s) :P
p.d. lo que tengo es mas o menos asi:
Código:
...
...
...
<td align="left" valign="bottom"><br />
<img id="tab0" src="" onclick="javascript:change_tab(0);" />
<img id="tab1" src="" onclick="javascript:change_tab(1);" />
<img id="tab2" src="" onclick="javascript:change_tab(2);" />
<img id="tab3" src="" onclick="javascript:change_tab(3);" />
<img id="tab4" src="" onclick="javascript:change_tab(4);" />
...
...
...
...
<!-- y en el script tengo una funcion que es:-->
<script> //eso va la principio incluido en un archivo
function change_tab(n){
var a1='src';
var i=0;
rotate_Zorder(n);
for (d=0;d<Zorder.length;d++){
if (d==n){
document.getElementById(ipId[d]).setAttribute(a1,ipOn[d]);
}
else{
document.getElementById(ipId[d]).setAttribute(a1,ipOff[d]);
}
document.getElementById(ipId[d]).style.zIndex = String(Zorder[d]);
}
}
//ademas de definiciones de Arrays y otras funciones
</script>
ademas tengo definidos los estilos para cada id:
Código:
#tab0{
position:relative;
bottom: -3px;
left:-2px;
z-index:0;
}
#tab1{
position:relative;
bottom: -3px;
left:-78px;
z-index:-1;
}
#tab2{
position:relative;
bottom: -3px;
left:-158px;
z-index:-2;
}
#tab3{
position:relative;
bottom: -3px;
left:-238px;
z-index:-3;
}
#tab4{
position:relative;
bottom: -3px;
left:-318px;
z-index:-4
}