Script para capas

[Laika]

Buenasss,

¿Tienen algun scrpt que se encargue de que las capas se vean correctamente en netscape y en IE?.

Saludoss

<center><embed src="http://www.efrance.fr/cria/fotos/firma.swf" height=78width=398>
</embed></center>

[Wakkos]

No solo las capas, sini el estilo.
Yo hago siempre un condicional:

Código:

function hiLight(name, color) {
	if (document.getElementById) {
		document.getElementById(name).style.backgroundColor = color;
	} else
	if (document.all) {
		document.all[name].style.backgroundColor = color;
	}
}

[palidowsky]

Hola Wakos, podrías extender un poca más el post, para aprender a hacerlo un aprendiz como yo.
gracias

[Wakkos]

Claro, no soy muy bueno en esto, pero cundo uno quiere definir un estilo por medio de un script y que ese estilo sea campatible con ambos, hacemos el condicional:

Si quiero definir digamos, el color de fondo de una capa:

Código:

document.getElementById(nombrecapa).style.backgroundColor = color;

Pero eso solo funciona en IE!
Y que hacemos para Shitscape?
Esto funciona para shitscape:

Código:

document.all[nombrecapa].style.backgroundColor = color;

Claro, uno funciona para IE y el otro para Shitscape. Hay que buscar una manera que detecte cual navegador es y que imprima la sentencia correcta!!

Entonces le decimos que si es IE imprima getElementById, o si es netscape, que imprima document.all

Si no me equivoco, eso se llaman bifurcaciones (condicionales, en mi tierra)

Entonces el script completo sería algo como:

function hiLight(name, color) {
if (document.getElementById) {
document.getElementById(nombrecapa).style.backgrou ndColor = color;
} else
if (document.all) {
document.all[nombrecapa].style.backgroundColor = color;
}
}

Y luego en el body de la página hay que definir la capa:
&lt;div ID=hola style=&quot;width:0px;&quot;&gt;hola&lt;/div&gt;

Claro, y un link que haga que cambie de color:
a href=&quot;#&quot; onmouseover=&quot;hiLight('hola','red');&quot; onmouseout=&quot;hiLight('hola','white');&quot;&gt ;cambia a rojo la capa&lt;/a&gt;

Al pasar el mouse sobre este link, hará que la capa 'hola' cambie su background a rojo, y al quitar el mouse, cambiará a blanco.

Tam,bién lo puedes hacer con el link mismo si agregas el nombre al link:
&lt;a href=&quot;#&quot; onmouseover=&quot;hiLight('hola','red');&quot; onmouseout=&quot;hiLight('hola','white');&quot; name=hola &gt;cambia a rojo este link&lt;/a&gt;

Recuerda que cada nombre debe ser único!! o el script tomará el primero únicamente....

Creo que a pesar de no ser yo el más indicado para explicar esto (soy un novato en JS y todo esto) con esto tienes para darte cabezazos un rato! =)

[Wakkos]

esto esto esto esto esto...........

Es que no dije suficientes 'esto' en la última frase..... =P

[Laika]

¿pero no hay ningun scrp que lo que te haga sea tranformar 1 &lt;div&gt; en &lt;layer&gt; o algo asi para que se veo bien en netescape?

saludoss

<center><embed src="http://www.efrance.fr/cria/fotos/firma.swf" height=78width=398>
</embed></center>

[Wakkos]

Los DIV se ven bien en netscape! al menos de la 6 pa' arriba.

[Laika]

En netscape en una pagina que lo que hago es ocultar y mostrar capas, se muestran correctamente pero no se ocultan y no se por qué. En IE funciona bien.

Saludos

<center><embed src="http://www.efrance.fr/cria/fotos/firma.swf" height=78width=398>
</embed></center>

[Wakkos]

Laika, yo tampoco se por que.

Pero deberías hacer al igual que arriba, solo que cambia la propiedad color a visibility.
De todos modos, más abajo hay un tema que habla bastante de eso....

[unKnown]

bien podrias poner un ejemplo?


por que en Netscape&gt;6 y en IE&gt;5

puedes usar el getElementById para todo con toda
confianza pero no asi para las versiones 4.x de cada uno


Wakkos

Tam,bién lo puedes hacer con el link mismo si agregas el nombre al link:
&lt;a href=&quot;#&quot; onmouseover=&quot;hiLight('hola','red');&quot; onmouseout=&quot;hiLight('hola','white');&quot; name=hola &gt;cambia a rojo este link&lt;/a&gt;
Recuerda que cada nombre debe ser único!! o el script tomará el primero únicamente....

nunca has usado el this para hacer referencia asi mismo asi te evitarias unas cuantas cosas

<center><hr size="1" width="100%" noshade><a href=javascript:MsgrApp.LaunchIMUI('gpa36@hotmail. com')>
<strong><font face="courier new" color="#666666" size="2">Contact Me?[/CODE]</strong>
<IMG SRC="http://woertman.org:8080/msn/gpa36" border="0"></A></ce

[Wakkos]

Hummm, no. jejeje
Pero bueno! danos el ejemplo!! yo de esto no se casi nada!

[unKnown]

Si quiero definir digamos, el color de fondo de una capa:
document.getElementById(nombrecapa).style.backgrou ndColor = color;
Pero eso solo funciona en IE!
Y que hacemos para Shitscape?
Esto funciona para shitscape:
document.all[nombrecapa].style.backgroundColor = color;

el getElementById funciona para los navegadores Iexplorer 5,6 Netscape 6,pv7
y Opera 6

pero en Internet explorer tenemos tambien el document.all

mas sin embargo el document.all no funciona en Netscape

por ejemplo si definimos una condicional asi


if(document.all)

esta funcionara con Internet explorer mas no con netscape


si declaramos asi

if(document.getElementById)

esta funcionara con IE y con netscape

paraque un condicional para Netscape basado en esto funcione tendria que ser asi

if(document.getElementById&amp;&amp;!document.all)
solo funcionara con Netscape

en un dado caso que quisieras identificar a Netscape 4 lo podrias hacer por que el usa layers osea

if(document.layers)

este condicional funcionara con Netscape 4.x


<center><hr size="1" width="100%" noshade><a href=javascript:MsgrApp.LaunchIMUI('gpa36@hotmail. com')>
<strong><font face="courier new" color="#666666" size="2">Contact Me?[/CODE]</strong>
<IMG SRC="http://woertman.org:8080/msn/gpa36" border="0"></A></ce

[Wakkos]

Gracias por la Corrección y la aclaración! ;) !

[palidowsky]

Estoy flipao, alguien (si no es mucho pedir), podría poner un ejemplillo del tipo &lt;html&gt;&lt;head&gt;.....&lt;/head&gt;&lt;/html&gt; para poder enterarme. Gracias amigos