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
JavaScript

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

July 26, 2011 - 3:36pm — Steve

I'm having some issues with both the sizing and placement of the pop-up window. Regardless of the settings I choose, the window appears the same size and in the same place in Internet Explorer. I realize that the fix would be if everyone were to just get rid of IE :) but do you have a workaround for it or any suggestions?

And thank you for having these excellent resources available, they've been indispensible.

July 26, 2011 - 11:57pm — ricocheting

I just tested in Internet Explorer 8 with the default settings. Both the size and placement works for me. There is a minimum size that it won't let you go below (appears to be about 250x100) but other than that it appears fine.

July 27, 2011 - 12:07pm — Steve

I was just able to test in IE8 as well and the positioning works fine as you've stated (as well as Firefox and Safari). It seems that IE9 is the culprit even after I reset how IE handles pop-ups.

For your reference: if IE9 is set to make the pop-up decision, it'll try to open a new tab, full-screen; if it's set to open a new window it will open in the top left corner (regardless of pixel positioning) and ignore the sizing (on multiple computers with IE9 to test, the window will open in a horizontal rectangular shape).

July 28, 2011 - 12:28pm — ricocheting

It sounds like something they added "for your security" in the latest IE version. In which case there likely won't be any way to fix it/make it work. At least other people that might be having the same issues will know what is going on now.

July 9, 2012 - 2:34am — Anonymous

I would like to have a pop up window that displays an image, but don't know how to do that...can you help? Also, thank you for providing this service free to users, I think its awesome