Archive | javascript

Tags: , , , ,

Accessible News Slider, Carrusel en Javascript con Jquery



Accessible News Slider es un plugin en javascript para la librería Jquery que nos permite hacer carruseles de contenidos con un diseño cuidado y un comportamiento suave.
Enlace: Accessible News Slider

Posted in diseño web, javascript, JqueryComments (0)

La forma correcta y usable de abrir los enlaces en una ventana nueva


Hace algún tiempo comentamos la forma de abrir los enlaces en una nueva ventana sin utilizar el atributo target=”_blank”. Sin embargo esa opción nos planteaba algunos inconvenientes, como la imposibilidad de especificar el tamaño de la ventana o la inefectividad en aquellos casos en los que el usuario no tiene javascript activado en su navegador.

Para lanzar enlaces en una ventana nueva de forma usable, fácilmente indexable por Google, podemos utilizar el siguiente código:

<a href="/index.htm" target="_blank"
onClick="window.open(this.href, this.target, 'width=300,height=400');
return false;">
Lanzar correctamente</a>

De esta forma podemos especificar el tamaño de la nueva ventana. Además se sigue utilizando el atributo target, con lo que el popup seguirá funcionando aunque el navegador no tenga el lenguage javascript activado.

EDITADO: Si queréis especificar que la nueva ventana lleve barras de desplaamiento teneis que añadir el siguiente parámetro “scrollbars=yes”. En el siguiente ejemplo podeis ver como sería un enlace usable con barras de desplazamiento:

<a href="/index.htm" target="_blank"
onClick="window.open(this.href, this.target, 'scrollbars=yes;,width=300,height=400');
return false;">
Lanzar correctamente</a>

VIA: Nosolousabilidad.com

Posted in código, diseño web, javascript, SEO, tutoriales, XHTMLComments (1)