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

Opening new browser window with jQuery plugin

Created 11 years ago   Views 7614   downloads 1077    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)

You might also like