Surf the Dream A discourse of links and articles from Justin Avery

autolink urls with jquery

There are occasions where you want to allow site visitors to leave feedback on your site, and we usually do this through the comment feature using a combination of paint layouts, asset builders and asset listings.

As part of the feedback the user will often include url links, after all linking is what keeps the internet connected.

To properly allow the user to link these urls you would need to use WYSIWYG functionality, but here is how you can achieve the same end result with just a few lines of JQUERY.

Include the below scrip tags in a raw html div in the paint layout where you include the nested asset builder and asset listing for the comments.

 

Surf the Dream is a blog that has been running since the mid 2000's when it started on BlogSpot. Over the years it's been rebranded as justinavery.me (now my resume) and JaveryDesign.com (which now redirects back to this site).

I offer consultation services through Simple Things, produce a range of educational pocket notebooks, write about the Universe and run a responsive design and a RWD Weekly Newsletter