Pop Up Window HTML Generator

Warning: Abandoned
This page/script has been classified as abandoned and will no longer be updated. I will keep this page here indefinitely as a reference, but it will no longer be updated and I no longer offer support of any kind regarding content found on this page.

Description

  • The following wizard generates the code necessary to create a custom window that pops up when the user clicks the launch text. You can define the size and options of your pop up window. Great for site maps and other info.

Steps

  1. Fill in the information required for your popup window
  2. Generate the HTML and JavaScript code for your popup (button at bottom)
  3. You can preview your script (button at bottom)
  4. Copy and Paste the Source Code into your HTML page

Note

  • If you have more than one pop-up on a page, change the Window Name
  • Be aware many new browsers have user settings to prevent the hiding of things like the address and status bar. There is nothing you can do about that.
  • If you need help, image showing the different browser Display Options on a popup and what they toggle.


Settings
Address to open:
Text to launch:
Window name:
Window Size
width
height
Window is resizable
Window Open Position
pixels from left edge of screen
pixels from top edge of screen
Display Options [?]
file menu bar
tool bar
address bar
links bar
scroll bars
status bar


Source Code
JavaScript
Abandoned

Comments

January 2, 2011 - 10:20pm — Anonymous

First of all thank you for making your free service so easy to use.
My question: How do I create a pop up window using an image?

January 4, 2011 - 12:58am — ricocheting

In the "Text to launch" box you can just paste the code for an image. eg;

<img src="http://www.google.com/intl/en_ALL/images/srpr/logo1w.png">

June 7, 2013 - 11:40pm — Shane

Hi I would like to ask if how can we auto close the pop up... I would like to put a text saying..

Thank you for signing up!

June 8, 2013 - 11:24am — ricocheting

You'll need to manually make some changes. Your popup will look like:
<a href="http://www.ricocheting.com/" target="_blank" onclick="wincontrol=window.open('http://www.ricocheting.com/','myWin','resizable=1,status=1,menubar=1,toolbar=1,scrollbars=1,location=1,directories=1,width=350,height=350,top=60,left=60');window.setTimeout(function(){wincontrol.close()},5000);return false;">Open/Close Pop-up</a>
Where the parts in bold are the new parts I added. The 5000 part is the number of milliseconds until the window is closed (so in my example, it is open for 5 seconds then closed)

January 25, 2014 - 6:22pm — Florian

Hi, for some reason, the Address Bar in the pop-up window never disappears. What gives? It is not editable, but it's always there...
Thanks in advance for any help!

January 25, 2014 - 9:52pm — ricocheting

It's probably a security feature of whatever browser you're using. It depends on the browser and the settings, but in my browser a website can't actually even open a "popup window" anymore (what happens is it just opens a new tab).

September 19, 2014 - 3:12am — jonathan

How do you make it so that it automatically scrolls to a specific position in the pop up window?

November 24, 2014 - 10:24am — Chris

I want the popup to have images of flags to select a language. As soon as one of the flags is clicked, I would like the popup to close. How to go about that?

November 26, 2014 - 12:31am — ricocheting

<a href="javascript: self.close()">close</a> will close a window (if the browser gives the page permission to close itself).