w i d g e t s u
Search this site:
      Popup Widget

HTML Thing

xHTML Thing

CSS Generator

Create your own popup box using our Popup Widget. You can use popups to make ads more visible, or to emphasize important information to your visitors. This widget makes it easy to generate the JavaScript necessary for your popup to look and work the way you want it to. Follow the steps laid out below and you should have your very own popup in minutes.

This widget provides automatic coding for very basic popup functionality. If you are looking for something more sophisticated or have any questions at all, send an email to .

Width Height PosTop PosLeft Type Content

  1. Create the content that will go into your popup. This is basically an HTML page that makes up the stuff you want inside the window that will popup. This HTML page should be deployed to your web site. We also have included a way to embed the HTML page (popup content) directly into the JavaScript code. You should use absolute paths for your links and "SRC" if you are using "Internal" content and wish to get a good preview (Quick Look.)

  2. Enter the URL of your popup content in "TheURL" text box. Or, paste your HTML popup content into the big text box directly below the "Quick Look" button.

  3. Enter the "Width" and "Height" you wish for your popup. This will determine the actual size (in pixels) of the window when it appears. The smallest setting for both width and height can't be less than 100. You can set these lower if you want, but most browsers will not display a window smaller than 100 by 100.

  4. Enter the "PosTop" or the position (in pixels) from the top of the display where the popup window will appear. And enter the "PosLeft" or position (in pixels) from the left of the display where the popup window will appear. If this number is bigger than the display, IE will automatically minimize the window, but Netscape just pushes it into the corner.

  5. Set the "Type" of popup functionality you want. If you wish the popup to appear as the page is loaded, select "onload". If you wish it to appear after someone exits the page, select "onunload".

  6. Set how the popup JavaScript code will utilize the HTML "Content" of your popup box window. Select "External" if your popup content is found on the web with "TheURL". Or, select "Internal" if you wish your popup content to be embedded in the popup JavaScript code itself.

  7. Click on the "Quick Look" button to see how your popup will look with the settings you entered. You can close it by clicking on the "x" in the upper corner. Adjust and test your settings until your popup appears the way you want it to.

  8. When you feel that you have the proper size and position set, click on the "Make Popup Code" button to generate the JavaScript Code. Copy and paste this code into the HTML page that you wish the popup to appear from.

No guaranties are made that this code will work the way you want it to for all browsers. Always test out the code before deploying it to the Web for the whole world to see.

  Copyright ©2002 - 2011 By widgetsu. All Rights Reserved.