jQuery code snippet to load/open a link in new window. This code adds an event to the anchor tags that are given the “new-window” class and forces them to open in a new window.

$(function(){
 $('a.new-window').click(function(){
 window.open(this.href);
 return false;
 });
});

Advanced jQuery Load New Window Example

This code gets the id of a container div and then grabs the hidden url div element and then opens it in a new window.

function openblog(blog_id) {
	//alert(blog_id);
	$('#blog-wrap-'+blog_id).hide();
	var blogurl = $('#'+blog_id+'-url').text();
	var location = "http://domainname/index.php?blogurl="+blogurl;
	window.open(location);
}

The HTML Code

<div class="blog-wrap" id="blog-wrap-blog_id">
<div id="blog-id-url" style="visibility:hidden" class="hidden">http://blogoola.com</div>
<p><a href="javascript:openblog(blog_id)>Open Blog</a></p>
</div>
Sam Deering Sam Deering
Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

No Reader comments

Related books & courses
Available now on SitePoint Premium

Preview for $1