Being a blogger, we always get hands with html coding in different instances. In this tutorial, I’ll show you how to Generate Popup Window in Javascript to make a link open in a pop up window. Basically, it’s about making Modal window or popup window also know as modal window using JavaScript. You can also make a popup link using HTML, but here we’re showing the JavaScript technique. Its very simple if you try to understand the code.
Steps to Generate Popup Window in Javascript
To test your code, you can use our HTML editor.
Here’s we’re declaring the function and specify the hieght and width of the popup window. Just add the below code between <BODY> and </BODY> of your HTML Template.
<!--TECHGYO POPUP CODE STARTS-->
<script type='text/javascript'>
//<![CDATA[
var newwindow;
function popuplink(url)
{
newwindow=window.open(url,'name','height=500,width=700');
if (window.focus) {newwindow.focus()}
}
//]]>
</script> <!--TECHGYO POPUP CODE ENDS-->
The Popup link is the function name that we are going to use while placing the link to a text.
500 is the height of the popup window.
700 is the width of the popup window.
While adding hyperlink to a text use the function name “Popup link” and then the url as given below.
<a href="JavaScript:popwindow('ADD LINK HERE');">Open a popup window</a>
Hello, sorry for my poor english…
what if i want to open all links or external links in a popup window?
thanks for your time
Deme
You need to find some scripts which does that function, you may find such scripts at dynamicdrive.com, but its not recommended.
Pop-up windows in many situation prove beneficial displaying some information but in many situation all those pop-up windows are restricted by Firefox. How to get through this problem ?
If the browser restricts any pop then you have to try ay alternative solutions like popunder or javascript notification etc.