Tecnología

Inicio

Cómo hacer una página web emergente

July 24

Cómo hacer una página web emergente


sitios web emergentes no son tan populares como lo fueron en los primeros tiempos de Internet. Sin embargo, los desarrolladores web siguen utilizando ventanas pop-up. Por ejemplo, podrían abrir una ventana emergente para mostrar el contenido de un carro de compras sin obligar al usuario navegar a una página nueva. Un Web emergente no es más que una ventana del navegador en miniatura que muestra una página web secundaria. Los desarrolladores utilizan JavaScript para crear HTML ventanas pop-up personalizables que se abren automáticamente o en respuesta a las acciones del usuario en una página Web.

Instrucciones

1 Crear un nuevo documento HTML.

2 Agregue el código siguiente a la sección <body>:

<a http://www.whitehouse.gov href="javascript:showPopupWindow('Open"> '); "> Abrir ventana emergente </a>

Esto crea un enlace que llama a una función de JavaScript cuando un usuario hace clic en el enlace. El evento click pasa la URL de una página web a la función. En este ejemplo, la ventana emergente mostrará el contenido de whitehouse.gov. En la producción, cambiar el nombre de la URL con el nombre del sitio que desea abrir en la ventana emergente.

3 Añadir esta función JavaScript para etiqueta <script> del documento:

función showPopupWindow (url) {

var win = window.open(url, 'name', 'height=400,width=200');

}

Esta función crea una ventana emergente que se abre la URL pasada en la lista de parámetros. Ajustar la configuración de alto y ancho, si usted quiere que su emergente para tener diferentes dimensiones.

4 Guarde el archivo HTML y abrirlo en su navegador. Haga clic en el enlace y el navegador se abrirá una ventana emergente que muestra whitehouse.gov.

Consejos y advertencias

  • Puede abrir las ventanas emergentes que apuntan a otras páginas HTML en su sitio web. Por ejemplo, algunos desarrolladores crear páginas HTML que muestran formularios de registro. Cuando un usuario hace clic en un botón de inicio de sesión o un enlace, aparece la ventana emergente que contiene el formulario. Estudiar el comando "Window.open". Tiene múltiples parámetros que pueden adaptar la apariencia de la ventana emergente y la barra de herramientas de la ventana. También puede llamar a la función de JavaScript cuando un usuario hace clic en un botón o mueve el puntero del ratón sobre un elemento de página. Algunos desarrolladores incluso abrir las ventanas pop-up en sus sitios web a intervalos de tiempo específicos utilizando el comando "setTimeout". Use su imaginación al descubrir usos para ventanas pop-up.
  • Algunos usuarios pueden tener bloqueadores de ventanas emergentes en su navegador. Si es así, la ventana emergente no se mostrará.