Submit your widget
HomeLightbox & Dialog & OverlayOpening new browser window with jQuery plugin

Opening new browser window with jQuery plugin

Created 11 years ago   Views 7693   downloads 1107    Author alexrabarts
Opening new browser window with jQuery plugin
View DemoDownload
15
Share |

newWindow is a super-simple jQuery plugin for opening new browser windows when an anchor is clicked.

Code:

(function ($) {
  $.extend($.fn, {
    newWindow: function (options) {
      var defaults = {open: function () {}};
      options = $.extend(defaults, options || {});

      return this.each(function () {
        $(this).click(function (e) {
          e.preventDefault();
          var newWindow = open(this.href);
          options.open.call(newWindow, e);
        });
      });
    }
  });
})(jQuery);

Usage

Open all links with a rel attribute of external in a new window:

  $('a[rel~=external]').newWindow();

Add a callback when a new window is opened:

  $('#myLink').newWindow({
    open: function (newWindow, e) {
      console.log('Window opened', newWindow, e);
    }
  });

Licensing

Licensed under the MIT: http://www.opensource.org/licenses/mit-license.php

Copyright (c) 2011 Stateless Systems (http://statelesssystems.com)

You might also like