Submit your widget

Opening new browser window with jQuery plugin

Created 10 years ago   Views 6725   downloads 895    Author alexrabarts
Opening new browser window with jQuery plugin
View DemoDownload
10
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)