Tecnología

Inicio

Cómo poner un pop-up en su página web

Cómo poner un pop-up en su página web


Poner una ventana emergente en su sitio web es una manera eficaz de mostrar fragmentos de texto, gráficos, archivos multimedia o publicidad que no desea incluir en una página web completa. También puede utilizar una ventana emergente para mostrar contenido que se relaciona con la página principal sitio web, pero no encaja bien con el diseño de la página. Por ejemplo, algunos sitios web de servicios financieros utilizan ventanas emergentes para mostrar la pantalla del sitio de inicio de sesión. Para agregar un pop-up para su sitio web, es necesario crear una página web para el pop-up, a continuación, insertar un comando emergente en el HTML (HyperText Markup Language) de la página principal.

Instrucciones

1 Poner en marcha su programa de diseño web habitual o un editor de texto sin formato. ordenadores Windows vienen tanto con el Bloc de notas y herramientas de edición de texto de WordPad.

2 Abra la página Web principal de la que desea iniciar la ventana emergente.

3 Escriba o pegue el siguiente código en la sección de cabecera de la página Web, entre la etiqueta de apertura <head> y la etiqueta de cierre </ head>:

<Script type = "text / javascript">

<! -

función POP (mivinculo, windowname)

{

si (window.focus!) return true;

href var;

si (typeof (MyLink) == 'cadena')

href = mivinculo;

más

href = mylink.href;

window.open (href, windowname, 'width = 400, height = 200, barras de desplazamiento = Sí ");

falso retorno;

}

// ->

</ Script>

4 Resaltar y cambiar la anchura y la altura de los atributos en el código para el tamaño preferido de la ventana emergente. El ejemplo anterior se abre una ventana emergente con un ancho de pantalla de 400 píxeles y una profundidad de 200 píxeles.

5 Desplazarse hasta la posición en la página Web en la que desea incluir el enlace a la ventana emergente. Este es el enlace que el usuario hace clic para iniciar el emergente.

6 Pega el siguiente código en la página Web:

<A

HREF = "popup.html"

onclick = "popup retorno (esto ', señala')"> Haga clic emergente </A>

Cambiar "notas" a su propio nombre para la ventana emergente. Coloque este nombre entre comillas sinqle, como se muestra en el ejemplo. Este nombre no se mostrará al visitante sino que ayuda a identificar qué código se refiere a cada una emergente si tiene varias ventanas emergentes en su sitio.

7 Resalte y cambio "popup.html" al nombre de la página Web que contiene el contenido que desea mostrar en la ventana emergente. Cambiar "Haga clic emergente" al texto que desea mostrar todos los enlaces que el usuario hace clic para abrir la ventana emergente --- por ejemplo, "Haga clic aquí para obtener más información."

8 Guarde la página Web. Sube tanto esta página y la página que contiene el contenido de la ventana emergente para el servidor web de su anfitrión de la forma habitual.

Consejos y advertencias

  • Utilice las ventanas emergentes con moderación porque demasiados pop-ups pueden ser nocivas para la experiencia del usuario al confundir los visitantes tratar de navegar por su sitio web.

Artículos relacionados