This method will actually do both by creating an event handler.
To make this work you will need the following files:
Then you will need the following code in your header:
The PATH_TO_POPUP variable only defines where the .gif image is stored.
To implement this you simply need a normal link:
Add a rel attribute to this to in order to define the popup. You need to pass a space separated list of attributes for the popup in this order: “popup” type width height noicon.
“popup” is always first. This is what actually makes the link a popup link. Type is the type of popup, “standard”, “fullscreen”, or “console”. Width and height are just integer values and noicon is optional. If it is passed in, the pop-up.gif image will NOT be displayed next to the link. Here’s what the link will look like when you are done:
<a href="http://www.google.com" rel="popup standard 800 600 noicon">Google</a>
Thanks to http://www.accessify.com/features/tutorials/the-perfect-popup/ for this method. The only thing that I really changed is I added the PATH_TO_POPUP variable for the ability to move that image around and I created a new type of popup called “console_scroll” which adds scrolling to the console type.