Entre Códigos


El blog de Rubén Cantón

Reflexiones de un cerebro en fuga y artículos sobre posicionamiento, e-marketing, usabilidad y otros tecnicismos.

greyimg

Lanzar un pop-up en JavaScript correctamente

Escrito por Ruben Cantón el Thursday, 13 de November del 2008
Más del mismo tema: JavaScript, taller, usabilidad

En algunos casos puede resultarnos útil e incluso más cómodo para el usuario abrir una página en un pop-up en el que mostrar una información. Si buscamos en google cómo hacerlo o leemos cualquier manual de javascript el código que nos muestra para hacer esto es el siguiente:

window.open('url to open','window name','attribute1,attribute2') 

En realidad, ese código tiene fallos, a saber:

  • Los navegadores sin JavaScript no podrán abrir la página.
  • No se indexará igual de bien en los buscadores, y algunos crawlers, no lo sabrán recorrer.
  • Al pasar el ratón sobre el link, no podremos ver la página destino en la barra de estado.
  • El usuario pierde la opción de hacer click derecho para abrir en una nueva ventana, pestaña o copiar la ruta del enlace.
  • El usuario pierde la opción de agregar la página a favoritos en el menú emergente del enlace.
  • Por último, las etiquetas “a” tienen una razón de ser especificada en el W3: “A link is a connection from one Web resource to another“, por lo que utilizarlo para que nuestro texto tenga una apariencia pero funcione a través del onclick no es la mejor forma de seguir el estándar.

La forma correcta de abrir un pop-up es la siguiente:

<a href="./index.html" target="_blank" onClick="window.open(this.href,
this.target, 'width=300, height=400'); return false;">Abrir pop-up.</a>

De esta manera, el enlace es un enlace normal que enlazará de forma correcta bajo cualquier circunstancia y, además, en las condiciones mas habituales funcionará de la forma en que queremos nosotros: abriendo un pop-up.

Fuente: No sólo usabilidad.

Ya hay 4 comentarios. ¡Falta el tuyo!

Escríbe aquí tu opinión

Nombre (necesario)

Email (no se mostrará)

Web (opcional)

mygif
1. jesus
October 19th, 2009 at 7:16 pm

hola…

gracias por la aportación. No tenia conocimiento de la importancia de llamar un popup correctamente.

saludos…

mygif
December 31st, 2009 at 9:10 am

gracias por la info.

mygif
3. gyn
February 5th, 2010 at 4:13 pm

Alguien sabe lanzar ventanas popup desde un correo electrónico ?

Pingback y Trackback

Pingback y trackback de varios blogs:
September 2nd, 2010 at 4:24 am

[...] is a translation from my original post in spanish. Hope you enjoy [...]

¿Quieres más?

Temas del blog

Busca por Entre Códigos

 

Últimos comentarios

Últimos artículos

Lo más comentado

Blogroll

Mis proyectos