Foros del Web » Programando para Internet » Javascript » Frameworks JS »

duda capas transparente javascript

Estas en el tema de duda capas transparente javascript en el foro de Frameworks JS en Foros del Web. hola buenas queria hacerles una consulta. por que tengo codigo que no me funciona en firefox...recien estoy viendo estos temas.... en internet si anda... como ...
  #1 (permalink)  
Antiguo 21/08/2011, 12:42
 
Fecha de Ingreso: junio-2010
Mensajes: 752
Antigüedad: 10 años, 5 meses
Puntos: 5
duda capas transparente javascript

hola buenas queria hacerles una consulta. por que tengo codigo que no me funciona en firefox...recien estoy viendo estos temas....
en internet si anda...

como se hace entonces cuando tengo estos problemas...
hago que detecte el navegador, y desde ahi hago dos codigos?
o meto este codigo en JQUERY ya que este framework me soluciona el problema de compatibilidad... o directamente se hace desde cero con "codigo framework"

este es el codigo ....

-----------------------------

<html>
<head>
<title>
P&aacute;gina con Javascript.
</title>
<script language="javascript">
<!--

contador = 0;
centrado = false;
window.moveTo(0,0);
window.resizeTo (screen.availWidth, screen.availHeight);

function iniciar()
{
opacidad = setInterval(ver,1);
}

function ver()
{
contador += 4;
if (contador <= 100)
{
Capa1.style.filter = "alpha(opacity=" + contador + ")";
} else {
cierre = setTimeout (cerrar,5000);
centrado = true;
}
}

function cerrar()
{
Capa1.style.visibility = "hidden";
clearInterval (opacidad);
if (centrado) clearTimeout (cierre);
}


//-->
</script>
</head>
<body onLoad="iniciar();">
<h1>
Esto es el contenido normal de la p&aacute;gina.
</h1>
Sobre los contenidos se despliega una capa que podr&iacute;a tener,
<br>
por ejemplo, un banner publicitario.

<span id="Capa1" style="position:absolute; left:10px; top:10px; width:280px; height:280px; background-color: #66FFFF; layer-background-color: #66FFFF; visibility: visible; overflow: auto; filter: alpha(opacity=0)">
<p>
Esto es una capa con un filtro de transparencia.<br>
Este afecta a texto,<br>
im&aacute;genes, botones <br>
y cualquier otro tipo de contenidos.
</p>
<center>
<img src="imagenes/disco.gif">
<br>
<button onClick="cerrar();">
Cerrar esto
</button>
</center>
</span>
</body>
</html>
  #2 (permalink)  
Antiguo 21/08/2011, 13:19
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.139
Antigüedad: 16 años, 5 meses
Puntos: 831
Respuesta: duda capas transparente javascript

El problema es que las versiones antiguas de Explorer tienen su propia manera de implementar la opacidad, que es diferente del estándar w3c. Explorer usa la propiedad filter (que es exlusiva de ese navegador). El resto usa opacity. Más info:
Acerca de css:
http://www.w3schools.com/css/css_image_transparency.asp
Acerca de javascript para que funcione en todos los navegadores:
http://www.quirksmode.org/js/opacity.html

PD: no es recomendable que uses una librería hasta no aprender acerca de javascript y DOM.

Etiquetas: capas, html, javascript, jquery, botones, transparencia
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 15:34.