Always on Top Popup
General
This script opens a floating layer popup. This technique allows the user to work in the main window while still being able to view the popup. The popup window will hover at the same spot where it opens, even if the user scrolls down the page.
| X |
|
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci.
[You can close the layer by clicking the X at the top right of this layer.] |
Notes
- Created by: Sandeep Gangadharan
- Web Site: http://www.sivamdesign.com/home/
- Posted: November 20, 2006
Source Code
Paste this source code into the designated areas.
External file
Paste this code into an external JavaScript file named: floatingLayer.js
CSS
Paste this code into your external CSS file or in the <style> section within the HEAD section of your HTML document.
Head
Paste this code into the HEAD section of your HTML document.
Body
Paste this code into the BODY section of your HTML document
Leave a Response
(19 comments)Check out script #17 on this page:[br /]http://www.sivamdesign.com/scripts/popups.html[br /]The cookie code can be incorporated into this script to get the functionality you need.
Sounds good, Kat. That could be done with a cookie. Why not put something together and I'll post it with credit to you?
I have a suggestion: How about if it opened by itself automatically, and can detect if you've seen it before, so it doesn't open again unless you come back to it another day?
i tried ur source.its really nice.[br /]when i scroll the popup dosent scrolls automatically.[br /][br /]any solution is there?
Ross,[br /]Thanks. I made the change. We use a different loading procedure so I didn't catch that.