Tecnología

Inicio

Cómo crear un enlace Pop-Ups

Las ventanas emergentes pueden ser considerados una molestia para algunas personas, pero si se le da a su visitante la opción de sacar el tema con un clic, que pueden estar más dispuestos a leer lo que se ha mostrado en el interior de la ventana emergente. cajas de pop-up son útiles porque permiten que el usuario tire hacia arriba una página nueva, más pequeña, manteniendo la página original abiertos al mismo tiempo. Hay un código HTML muy básico que se puede escribir para crear un enlace a una ventana emergente.

Instrucciones

1 Crear el archivo HTML de la ventana emergente. El contenido de este archivo dependen de lo que desea que el visitante de la web para ver cuando se hace clic en el enlace web.

2 Encuentra el área de su página web (dentro de los "<body>" tags) en la que desea colocar el enlace web. Por ejemplo, si usted está diciendo al visitante sobre su producto o servicio y sospechar que puede tener preguntas, es posible que desee activar un enlace emergente para un formulario de contacto. Se podría colocar su código justo después de "¿Tiene una pregunta para nosotros?" o una pregunta similar.

3 El tipo de "<a href =" popuppage.html "onclick =" window.open ( 'popuppage.html', 'emergente', 'width = 450, height = 700, barras de desplazamiento = no, de tamaño variable = no, izquierda = 0, top = 0 '); return false "> Haga clic aquí para contactar </a>" (sin las comillas externas). Reemplazar "popuppage.html" con la dirección del enlace HTML a la página emergente que ha creado en el paso 1.

4 Vuelva a colocar la anchura y la altura en ese código con sus propias opciones para configurar el tamaño de la ventana emergente. Los otros atributos en ese código de eliminar cualquier barras de desplazamiento, no permiten al usuario cambiar el tamaño de la caja, y definen la posición de la ventana emergente --- en este caso, a la izquierda a principios de la esquina de la pantalla. Cambie estos atributos como mejor le parezca.

5 Guarde el archivo HTML y subirlo a su servidor web. Recuerde que debe cargar el código HTML emergente que ha creado en el paso 1 también. Vaya a su página Web en línea y haga clic en el enlace para asegurar que se muestra la página emergente correctamente.

Consejos y advertencias

  • En lugar del texto en el Paso 3 ( "Pulse aquí para contactar con nosotros") se puede añadir una imagen. Teclear <img src = yourimage.jpg> y reemplazar "yourimage.jpg" con el nombre de una imagen que está en su servidor web.

Artículos relacionados