Submit your widget

Opening new browser window with jQuery plugin

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