Products
Services
Contact Us

Scripts: Javascript :: Popup Windows :: Library Article #27

Developer's Section

Create a Simple Popup Window for your website
By: Erobo Team Member

Hire a Developer for Related Work / Installation | $55 hr
Rating:  | Rate It:   
Average Votes: (1953)
Favorites:

Learn how to create a custom popup window for your website.

The method described below displayPopup() can be used to create a popup window with the dimensions that you want. Also this function can be modified to write html code inside of it. If you need to use this function to create a printer friendly version of the page, you need to make sure you call window.document.close() before calling window.print(), otherwise the popup window won't print. In this case calling vWinPht.document.close(), before calling the method to print the popup window would work.

Example:

Open PopUp

Code:

 Code Snippet 1

<script type="text/javascript"> 
function displayPopup(url, winName, dim1, dim2) {
 
     dim1 = dim1 + 20;
     dim2 = dim2 + 20;
     
     var myparam = "width=" + dim1 + ",height=" + dim2 + 
     ",status=no,resizable=no,top=200,left=200";
     vWinPht = window.open(url, winName, myparam);
     vWinPht.opener = self;

    // can write html to it using the following code below:
    //vWinPht.document.write("<img src=\"..\/images\/lg\/animage.jpg\">"); 
    //vWinPht.document.write("<input type='button' ");
    //vWinPht.document.write(" value=' Print this page '");
    //vWinPht.document.write(" id='btntoprint' />");

    //close the window object before calling print
    //vWinPht.document.close();

    //add method for printing popup window
    //vWinPht.document.getElementById("btntoprint").onclick = function() { 
    //     vWinPht.print();
   //}

}
</script>


See other Scripts in Popup Windows

 

Submit Your Scripts:

If you would like to have your Javascripts published in this section please fill out
the form below:
*Your Name or Username:
Home Town:
*Email:
*Description and Code:
*Enter Code shown
to the right:

[ Refresh Image ]