Código completo
Vamos a mostrar el código de una página que tiene dos popups DHTML y con un par de métodos de carga de los popups, uno por medio de un botón y otro por medio de un enlace.
<html>
<head>
<title>Ejemplo OpenPopups</title>
<script language="JavaScript" type="text/javascript" src="/d_openpopups/openpopups/openpopups.js">
</script>
</head>
<body onLoad="hideDiv(2);">
Esta página muestra un par de popups DHTML.
<br>
<br>
Esperamos que sean interesantes.
<form>
<input type="button" value="Abrir Popup DHTML 1" onClick="createWindow('Ejemplo 1', 150, '#ffff88', 1, 1, 20, 40);">
</form>
<p>
Ahora veamos el ejemplo 2, apertura con un enlace:
<a href="#" onClick="createWindow('Anuncio MercadoProfesional.com', 468, '#EEEEEE', 2, 0, 240, 165);">Abre el segundo popup</a>
<div id="Div1">
<div style="border: 1px solid #ff8800; background-color: #FFFF88; padding: 5px;">
<b>Aquí pondríamos colocar tanto texto como queramos! Y todo tipo de contenido HTML!
</div>
<ul>
<li>Con listas</li>
<li>Enlaces</li>
<li>Tablas</li>
<li>...</li>
</ul>
</div>
<div id="Div2">
<div align="center"><a href="http://www.mercadoprofesional.com" target="_blank"><img src="mp468.gif" width="468" height="60" border="0" alt="MercadoProfesional.com"></a></div>
</div>
</body>
</html>
Usuarios que han visto este tema también han visto...
- Efecto cortina con DHTML
- Objetos Tabs
- Ventanas que no se comen los navegadores
- Reloj DHTML, con Javascript y capas
- Efectos en el background en DHTML
- Versión imprimible de este documento
- Enviar por e-mail este documento
Información legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.