Foros del Web » Programando para Internet » Javascript »

Script para capas

Estas en el tema de Script para capas en el foro de Javascript en Foros del Web. 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>...
  #1 (permalink)  
Antiguo 23/07/2002, 02:32
Avatar de Laika  
Fecha de Ingreso: octubre-2001
Mensajes: 1.376
Antigüedad: 23 años, 4 meses
Puntos: 0
Script para capas

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>
  #2 (permalink)  
Antiguo 23/07/2002, 02:50
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 23 años, 5 meses
Puntos: 59
Re: Script para capas

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;
	}
}
  #3 (permalink)  
Antiguo 23/07/2002, 07:12
Avatar de palidowsky  
Fecha de Ingreso: febrero-2002
Ubicación: Galicia-España
Mensajes: 438
Antigüedad: 23 años
Puntos: 0
Re: Script para capas

Hola Wakos, podrías extender un poca más el post, para aprender a hacerlo un aprendiz como yo.
gracias
  #4 (permalink)  
Antiguo 23/07/2002, 07:30
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 23 años, 5 meses
Puntos: 59
Re: Script para capas

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! =)
  #5 (permalink)  
Antiguo 23/07/2002, 07:31
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 23 años, 5 meses
Puntos: 59
Re: Script para capas

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

Es que no dije suficientes 'esto' en la última frase..... =P
  #6 (permalink)  
Antiguo 23/07/2002, 09:08
Avatar de Laika  
Fecha de Ingreso: octubre-2001
Mensajes: 1.376
Antigüedad: 23 años, 4 meses
Puntos: 0
Re: Script para capas

¿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>
  #7 (permalink)  
Antiguo 23/07/2002, 14:11
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 23 años, 5 meses
Puntos: 59
Re: Script para capas

Los DIV se ven bien en netscape! al menos de la 6 pa' arriba.
  #8 (permalink)  
Antiguo 24/07/2002, 02:22
Avatar de Laika  
Fecha de Ingreso: octubre-2001
Mensajes: 1.376
Antigüedad: 23 años, 4 meses
Puntos: 0
Re: Script para capas

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>
  #9 (permalink)  
Antiguo 24/07/2002, 02:47
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 23 años, 5 meses
Puntos: 59
Re: Script para capas

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....
  #10 (permalink)  
Antiguo 24/07/2002, 02:47
Usuario no validado
 
Fecha de Ingreso: julio-2001
Mensajes: 766
Antigüedad: 23 años, 7 meses
Puntos: 0
Re: Script para capas

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

Cita:
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
  #11 (permalink)  
Antiguo 24/07/2002, 02:48
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 23 años, 5 meses
Puntos: 59
Re: Script para capas

Hummm, no. jejeje
Pero bueno! danos el ejemplo!! yo de esto no se casi nada!
  #12 (permalink)  
Antiguo 24/07/2002, 03:11
Usuario no validado
 
Fecha de Ingreso: julio-2001
Mensajes: 766
Antigüedad: 23 años, 7 meses
Puntos: 0
Re: Script para capas

Cita:
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
  #13 (permalink)  
Antiguo 24/07/2002, 03:13
Avatar de Wakkos
Colaborador
 
Fecha de Ingreso: octubre-2001
Ubicación: (cerca)
Mensajes: 1.795
Antigüedad: 23 años, 5 meses
Puntos: 59
Re: Script para capas

Gracias por la Corrección y la aclaración! ;) !
  #14 (permalink)  
Antiguo 24/07/2002, 04:12
Avatar de palidowsky  
Fecha de Ingreso: febrero-2002
Ubicación: Galicia-España
Mensajes: 438
Antigüedad: 23 años
Puntos: 0
Re: Script para capas

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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:18.