You are here

Home » Blogs » d.cochran's blog

Creating a Pop Up Window with Javascript

published by d.cochran on Fri, 07/18/2008 - 11:22

This part goes in the link tag:Here is how to create a simple pop-up window using simple javascript.

Create a pop-up window on page load:

<script type="text/javascript">
// Place this javascript in the <head> section of the webpage.
 
onload = function () {
  PopUpURL    = "page.php";
  PopUpLeft   =  100;
  PopUpTop    =  100;
  PopUpWidth  =  600;
  PopUpHeight =  300;
   popO='left='+PopUpLeft+',top='+PopUpTop+',width='+PopUpWidth+',height='+PopUpHeight
  window.open(PopUpURL,'nrc',popO);
}
</script>

Create a Pop Up Window from a link:

<script type="text/javascript">
// Place the following code in the <head> section.
 
var newwindow;
function popup(url) {
  newwindow=window.open(url,'name','height=500,width=333');
  if (window.focus) {newwindow.focus()}
}
</script>

This part goes in the link tag:

 <a href="javascript:popup('poppedexample.html');">Pop it</a>

Tags: