mayo
2007
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í
Un miserable comentario :( ]
del.icio.us Estrella este post
Entradas relacionadas:
Han escrito 1 comentarios de «Hacer URL clickeables con javascript»
(anonimo)cristian
Miércoles 17 de junio, 2009 15:08. [usuario no registrado en ymipollo.com]-
Hola,
¿Podrian revisar el script?
Parece que no funciona.
Un saludo.
