Submit your widget

Opening new browser window with jQuery plugin

Created 11 years ago   Views 7577   downloads 1067    Author alexrabarts
Opening new browser window with jQuery plugin
View DemoDownload
14
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)