/*** (C)2007 Scripterlative.com Info: http://scripterlative.com These instructions may be removed, but not the above text. -- PopUtopia -- A Highly Versatile, Easily-Configured Popup Displayer/Generator Click over a link, image or other element to display a popup element. * Centered Positioning Within the Available Viewing Area. * Easy, Foolproof, Unobtrusive Setup - no need to add code to HTML tags. * Independent Styling of Each popup Element. * Interactive Popups - Popups created via HTML markup can contain links, forms, iframes etc. Introduction ~~~~~~~~~~~~ PopUtopia displays customisable popup 'windows' in response to the clicking of a corresponding element. Popups are positioned centrally within the current viewport. Popups can be created in any of three ways: 1) Marking-up a div or other element containing the displayable data, and styling it: display:none; 2) Specifying that the script generate a popup that displays specified text. 3) Specifying that the script generate a popup that displays the triggering element's title text. 2 & 3 are referred to as 'script-generated' popups. These popups can contain plain text only. All popups are enterable by the mouse cursor, allowing normal copying of data to the clipboard. All popups are automatically appended an [X] 'Close' button. Installation ~~~~~~~~~~~~ Save this file/text as 'poputopia.js', then place it into a folder related to your web pages: Include the following stylesheet, either within