ToRo Blog

Hacer URL clickeables con javascript

Cuando obtenemos un texto ya sea por la entrada de textarea de un usuario o por alguna fuente a través de AJAX, lo bonito es que las direcciones sean legibles y cortas, si no se logran las dos cosas al menos que sean cortas… asi ni descomponen tu tema de blog/página y puede darse click.

Para mi hacerlo con PHP es relativamente sencillo pero no en javascript, lenguaje que utilizo cada día más por la moda de AJAX últimamente.

Asi que sin más, voy a poner el siguiente ejemplo:

Tenemos un texto con una dirección como esta http://www.elsiglodetorreon.com.mx/noticia/275271.sobreviviendo-a-una-mordedura-mortal.html que es larga, larga…

En javascript creamos esta función:

function makeURL(strSrc)
   {
      return strSrc.replace(/s(https://|http://|ftp://|www.)([^s]*)/gi,function(match) { return \ <a href="\+match.substring(1)+\">\+match.substring(8,30)+"</a>... "; });
   }


	

...una vez aplicada la función anterior a un texto, automáticamente nos mostrará del carácter 8 al 30 de la URL que sin embargo se le podrá dar click y entrar al sitio. Más ayuda sobre replace() aquí

Almacenado en Programacion, Ajax, Javascript [ Enlace | Un miserable comentario :( ] del.icio.us Estrella este post