Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Desarrollo web que contiene a Accesibilidad que contiene a Enlaces Javascript accesibles

Datos de búsqueda

Enlaces Javascript accesibles

Cuando se quiere que un enlace abra una ventana de tipo pop-up habitualmente se utiliza un código Javascript en el atributo href:

<a id="my-popup-link"
href="http://example.com">pop me up</a>

De esta forma el enlace no es accesible en navegadores con javascript desactivado o que carecen de él. Para hacerlo accesible se introduce la dirección a la que se quiere acceder en el atributo href, como en cualquier enlace, y el código Javascript en el atributo onclick:

<a id="my-popup-link"
href="http://example.com">pop me up</a>

Y el javascript asociado a esta última variante:

function event_popup(e) {
window.open(e.currentTarget);
e.preventDefault();
}
listen('load', window, function() {
listen('click', 'my-pop-link', event_popup );

Para hacer que en un enlace se abra como pop-up no hay mas que añadir en el enlace el atributo id y la función listen en el código Javascript, en los cuales deben coincidir sus valore: en el ejemplo expuesto aquí my-pop-link.

Más en A List Apart

Tags: , , , .

Comentarios del artículo

Los comentarios están cerrados.

Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.

Todavía no hay comentarios.

Los comentarios están cerrados.

Información del sitio