Pop Up Window HTML Generator

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

Comments

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?

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">

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!

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)

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!

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).

How do I add a link in my pop up box to close the box. You often times see this below the image and it will say something like "close"

You can add a link to close a window with:
<a href="javascript:window.close();">close</a>

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