Como hacer layer flotante

wilrocaul · #1 (**permalink**) 17/10/2007, 10:20

Hola q tal amigos, tal vez alguien me puede ayudar con un ejemplo o código de como sacar una ventana o popup al momento de que se carge la página principal de mi sitio web desarrollado en php, tengo entendido q les llaman layer flotante.......gracias por su ayuda....

zaqpz · #2 (**permalink**) 18/10/2007, 01:32

Bueno, esto no anda mucho por el lado de PHP. La idea es usar el evento onload de JavaScript para cambiar el "display" de un DIV que inicialmente está oculto y diseñar a ese DIV con CSS de manera que se vea como una ventana. Te recomiendo darte una vuelta por el foro de JavaScript donde tu duda va a encajar mejor. De todas formas te dejo un ejemplo con las cosas que debes utilizar:

Código PHP:

  <!-- La capa tarda 3 segs. en mostrarse luego de finalizar la carga simplemente para poder visualizar el efecto -->

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title>Documento sin t&iacute;tulo</title>

<script type="text/javascript">

window.onload=function() { setTimeout("mostrarCapa()", 3000); }

 
function mostrarCapa()

{

    document.getElementById("oculta").style.display="block";

}

</script>

 
<style type="text/css">

#oculta { display:none; background-color:#FFFF00; width:400px; height:400px; margin:auto; }

</style>

</head>

 
<body>

<div id="oculta">

Contenido de tu capa oculta

</div>

</body>

</html>

Saludos.