I would like to let everyone in on the little wonder dubbed a "flyout" window. This is a small pop-up window that can appear anywhere on your visitor's screen.
Download this template:
http://www.back-to-titanic.com/waves/copal/flyout_template.html
Here a link launches the flyout window, but to have it launch when your site loads, put onload="FlyOut('popup.html')" in the BODY tag. You will need to create a file called popup.html (or something you make up, just so long as you change it on the "launch" page with the Javascript on it.
This script gives you the chance to position the flyout window on the screen. You can change the attributes like "top" and "left" for how many pixels from the top or left. The same goes for width and height, they are in pixels. If you don't want them to have the choice of resizing use "resizable=no". (The opposite of this would be "yes".)
These are attributes you can change:
location=yes (or no)
status=yes (or no)
scrollbars=yes (or no)
toolbar=yes (or no)
Separate these with a comma, just like in the template. These are the perfect alternative to pop-up alerts, something I mentioned disliking in February's article. Once you have your flyout window working, you may want a button (or text link) to click to close the window.
Download the pop-up window I used in the template:
http://www.back-to-titanic.com/waves/copal/popup.html
The script you see is all you need to make your window close when they click on the link. Now you're ready to experiment with flyout windows and consider using them on your site.
|