iMeil - Soluciones Globales de Marketing
English     -     Português  Por qué iMeil?   --   Tutoriales   --   Políticas de privacidad   --   Contáctenos


 
 
Síguenos en:

Síguenos en Facebook   Síguenos en Twitter   Síguenos en LinkedIn
 


Creación de una ventana pop-up a través de un link de texto

Por: Greg Alvarez
iMeil.com.mx
Marzo 10, 2005

Para este tutorial usaremos el Bloc de Notas (incluido en Windows, en Inglés se le llama Notepad) y tu navegador favorito. Como sugiero en el tutorial Básico,siempre será recomendable, y más sano, contar con la versión más actualizada de tu navegador preferido.

Se presenta únicamente el código JavaScript pero no se hablará del mismo. El objetivo es dejarles conocer la forma de cerar sus propias ventanas pop-up cuando se pulsa un link específico.

Basta de rollo, manos al asunto.
  1. Se tienen que generar las páginas. En este caso son dos:
    1. la página que se visita; y
    2. la que representa el pop-up.
  2. Se tiene que generar el archivo javascript. Sin embargo, lo ponemos para descarga para evitar explicar cosas más complejas para principiantes.
Creación de la página que se visita
Copia y pega (Copy & Paste) lo siguiente en el block de notas y asigna nombre a la página, por ejemplo: ventana.htm

<html>
<head>
      <title>Prueba de Pop-up</title>
      <script language="javascript" type="text/javascript" src="codigo.js"></script>
</head>
<body>
      <a href="#">Abre el pop-up</a>
</body>
</html>

src="codigo.js" es el archivo JavaScript usado para poder activar el código que se implementa en la página 2 de este tutorial. Descárgalo dando click con el botón derecho del ratón y seleccionando "Guardar destino como" (Save Link Target As, en inglés.)
Nota: el archivo debe ubicarse debajo del mismo directorio o carpeta que los archivos de las páginas.

<a href="#"> indica al navegador "no abrir nada cuando se pulse sobre este link". En otras palabras, al dar click en ese link no se navega hacia una página en especial.

Creación de la página que activará el pop-up
Copia y pega lo siguiente en el block de notas y asigna nombre a la página, por ejemplo: pop.htm

<html>
<head>
      <title>Ventana Pop-up</title>
</head>
<body>
      ¡Hola! Ver este mensaje significa que todo ¡va de pelos!
</body>
</html>

Hasta este momento, todo luce normal, no existe nada que sea especial, a excepción de la introducción de #
Nota: no olvides guardar ambas páginas en el mismo directorio o carpeta.

Página: 1   2

Contáctanos para aclarar dudas u ofrecer comentarios.
 
Tutoriales
     Soluciones de enfoque global
     Seleccione la solucin de su inters.
 
Servicios de Direct Marketing y CRM
Direct Marketing / CRM
Servicios de Planeación
Planeación
Total Overall Brand Experience
T.O.B.E.
Internet Marketing
Internet Marketing
Derechos Reservados ® 1997 - 2017 iMeil
Ciudad de México, México      info@xm.moc.liemi
La reproducción no es permitida. Lea los Términos de uso para mayor información.
 
iMeil NewsLetter

Flecha Sistema Nal. Transacciones
Flecha Consumidor informado
Flecha Ausencia de enfoque a usuario
Flecha Reforma Política, 6 sugerencias
Flecha Posicionamiento redes sociales
Flecha Posicionamiento SEO
Flecha Posicionamiento email
Flecha Marketing territorial
Flecha Comportamiento electorado
Flecha Fondos con CSS

iMeil Analiza

Flecha América Móvil (Telmex)
Imagensugiera un análisis >>

NewsLetter
Recibe nuestros comunicados
a través de email.


Nombre*:

Email*:

Del. / Municipio*:

Edad:




Políticas de Privacidad