jQuery function to open link in new window

javascript jquery popupwindow
jenhan picture jenhan · May 15, 2013 · Viewed 108.2k times · Source

I'm trying to find a plugin or simple script to open a file in a popup window by clicking on a button. This used to work, but with all the jQuery updates (even with the migration file), this no longer works.

I found this, but this opens the popup and also redirects to the file url: 

$(document).ready(function() {
$('.popup').click(function(event) {
    window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes");
 });
});

Any way to get a simple popup? It needs to have scrollbars, preferably resizable. I've seen lots of posts for modal boxes, but that does not accomplish what I need. The popup box has it's own design and there is more content than would be suitable for a modal.

I also want to avoid adding any extra markup. It makes the most sense to just add a class, like the example above.

Answer

Chamika Sandamal picture Chamika Sandamal · May 15, 2013

Try this,

$('.popup').click(function(event) {
    event.preventDefault();
    window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes");
});

You have to include jQuery reference to work this, here is the working sampe http://jsfiddle.net/a7qJt/

Related questions

how to make window.open pop up Modal?

I am currently using window.showModalDilog to open a modal pop up window which is not allowing the parent window to do any action. But in the google search, I found that it is not the standard method and various …

Read More
Using JQuery to Access a New Window's DOM

I am creating a new window that will contain text that user will print. I would like to do something similar to this: var new_win = window.open(); $(new_win.document).html("Test");

Read More
Call JavaScript of parent window from child window

I have a calendar and when I click on a <td>, a pop-up window appears so you can create your evenement for the date you selected. I want to add a feature. When the user finishes creating the …

Read More