Senin, 12 Mei 2014

Change the URL Text into an Active Link use JavaScript

Tidak mau menulis link tujuan karena takut unsur badlink atau backlink yg tidak sesuai dengan tema blog sobat? Trik dan tips kali ini akan berbicara bagaimana cara merubah teks URL menjadi link hidup! URL/link yg tertera pada address browser biasanya akan dimulai dengan http:// or https:// Koben juga sering menuliskan link hanya dengan menuliskan alamatnya saja tanpa sintax hyperlink :D Ketika sobat menuliskan alamat seperti berikut:
  • http://www.google.com/
  • https://www.google.com/
  • ttp://example.com/~pages/pa-ge/?param=foo+bar
  • ttp://beben-koben.blogspot.com/2014/05/selection-good-resources-may-2014.html
  • https://www.google.com/search?q=tutorial
Itu nanti akan berubah menjadi hyperlink aktif yg bisa di klik dan terbuka dengan jalan new tab window.

Sobat tinggal menanamkan JavaScript berikut...
<script type='text/javascript'>
//<![CDATA[
document.addEventListener("DOMContentLoaded",function(){for(var t=document.evaluate('descendant::text()[contains(self::text(),"ttp") and not(ancestor::a) and not(ancestor::textarea) and not(ancestor::script) and not(ancestor::style)]',document,null,XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,null),e=0;e<t.snapshotLength;e++){var n=t.snapshotItem(e);n.textContent.match(/h?ttps?:\/\/[a-zA-Z0-9\.\/\-_~\?=&%\+]+/g).forEach(function(t){var e=n.textContent.indexOf(t),a=document.createRange();a.setStart(n,e),a.setEnd(n,e+t.length);var o=document.createElement("a");o.setAttribute("href",0==t.indexOf("http")?t:"h"+t),o.addEventListener("click",function(t){window.open(this.getAttribute("href")),t.preventDefault(),t.stopPropagation()}),a.surroundContents(o),a.detach()})}});
//]]>
</script>
Source by: jsdo.it/kobachi/urltext2anchor

Happy coding \m/

Tidak ada komentar:

Posting Komentar