Ver Mensaje Individual
  #1 (permalink)  
Antiguo 21/08/2011, 11:42
vani18
 
Fecha de Ingreso: junio-2010
Mensajes: 752
Antigüedad: 10 años, 7 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>