You are seeing this very light version of the page, as you are using an outdated
browser!
Onlinetools.org is done in XHTML 1.0 and supports CSS 2.0, please upgrade your
browser if you want a better version of this site.
Thank you, please help us developers keep up with the industry rather than patching our code for outdated applications.
Pop-O-Matic is a Wizard to generate the javascript to trigger a Pop-Up window.
Hello and welcome to Pop-O-Matic. A tool to define the looks of a pop-up window and create the needed script.
If you ever had to generate pop-up-window routines, you might have encountered the same problem: There are far too many possible options for those pop-ups to remember.
Well, forget all the books and notes you did earlier, with Pop-O-Matic, creating customised pop-ups is a snap.
All you have to do is to insert the name of the desired function, enable or disable the options of the window, and create the script with another click of a button. Then you can easily copy and paste the code into your own pages. You can also check how the settings look like, and, if needed, just change that setting and re-create the script.
No installation needed, just use it.
After the Script is created, simply copy'n'paste it into the <head> of your HTML page. Opening the window is either triggered by a link or by another Javascript. No matter what you use, the syntax is the same. You will need the name of the function (as defined in the main form on the Pop-O-Matic page) and the name of the HTML document to be displayed in the window.
For example, consider the function's name to be popwin and the document's name to be mypage.html.
Triggering by link:
<a href="#" onclick="popwin('mypage.html')"<Click here!</a>
You can of course exchange the # with any other Link. This one will be loaded into the main page while the pop up window appears.
Now, there are some nifty small Javascripts, that can be used in the pop-up window.
For example clicking the following link closes the pop-up window.
<a href="#" onclick="self.close()">Click here to close!</a>
And using the following script loads the document new.html into the main window.
<a href="#" onclick="window.opener.location='new.html'">NEW!</a>