cambiar posición capa

dabadubab · #1 (**permalink**) 01/04/2005, 04:19

Hola!

alguien me puede ayudar... ¿¿para cambiar desde javascript la posición relativa de las capas de una página html??

el caso es que para iExplorer no hay problema, pero bajo Netscape (8) las capas aparecen algunos pixels más abajo y a veces ¡¡impiden que se pueda clicar a otros objetos!! por ejemplo algunos combos (<select>).

Miren, el código html de la capa es:
<div id="capa_ok" style="position:absolute; width:210px; height:29px; z-index:6; left: 546px; top: 141px; visibility: hidden">

me gustaría, al cargar la página (ya encontraré la funcion... onLoad o algo así), si se detecta que el navegador es netscape, le cambie el valor de WIDTH y/o HEIGHT.

var nc = (document.layers) ? true:false
var ie = (document.all) ? true:false
var n6 = (document.getElementById) ? true:false

con esto determino el tipo de navegador aunque no se la diferencia entre NC y N6

Hasta pronto javscripteros!!
bERNAT

PatomaS · #2 (**permalink**) 01/04/2005, 16:25

Hola

Bueno, vayamos por partes, la diferencia entre nc y n6, es la aceptación de la etiqueta y/o propiedad layers, carcterística de las versiones 4.x de Netscape y ya en desuso desde la versión 6.

En tu caso, lo que has de hacer es esto:

Código:

<head>
<script type="text/javascript">
<!--
function reposicionar() {
	if (navigator.appName != "Microsoft Internet Explorer") {
		document.getElementById('capa_ok').style.left = '100px';
		document.getElementById('capa_ok').style.top = '100px';
	} else {
		// aquí puedes poner código similares para Microsoft internet explorer si te hacen falta
	}
}
//-->
</script>
</head>
<body onload="javascript:reposicionar()">
<div id="capa_ok" style="position:absolute; width:210px; height:29px; z-index:6; left: 546px; top: 141px; visibility: hidden">

Claro que si la visibilidad de la capa es hidden, no importa donde esté posicionada, al menos en cuanto a si se ve o no, si te entorpece el funcionamiento de cosas que estén abajo de ella, deberías sacarla del área o redimensionarla a un cuadradito de 1px de ancho y 1px de alto.

Felicidad

dabadubab · #3 (**permalink**) 05/04/2005, 09:16

gracias voy a provarlo!!
cuidate,
bernat

caricatos · #4 (**permalink**) 05/04/2005, 12:58

Hola:

PatomaS: Por lo que veo estás usando un código que explorer lo reconoce sin problemas.

Saludos