VocabReminder
Easily build a great vocabulary without studying! Now on the App Store!
Click here for more info about the app

Parse for Links with Prototype JS

       

Parsing for links with the Prototype javascript library is easy. Here is the pattern for finding links


/(http|https):\/\/[\w-]+(.[\w-]+)+([\w-.,@?^
=%&:/~+#][\w-\@?^=%&/~+#])?/
And to implement it you can loop through your containers that might contain links

document.observe("dom:loaded", function(){
var posts = $$("div#posts");
for(var i = 0; i < posts.length; i++){
var link_regex = /(http|https):\/\/[\w-]+(.[\w-]+)+([\w-.,@?^
=%&amp;:/~+#][\w-\@?^=%&amp;/~+#])?/;
var parsed_string = posts[i].innerHTML.gsub(link_regex, '<a href="#{0}"
target="_blank">#{0}</a>');
posts[i].innerHTML = parsed_string;
}
});

Tagged w/ #interface #javascript #js #parse #prototype #regex #viewprogramming