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>
Try It: Click to here
