How to get a javascript overlay to load on startup

Question

I want to have a javascript overlay box load on startup inviting users to participate in a feedback survey. How can I do this. I do not want a separate window.

Answer 1

You would want to use a div that you can show when the form is finished loading or some other event occurs. Here are a couple examples sample1, sample2

Answer 2

You could add function to window.onload thats shows you overlay when the page is loaded also are you using any framework alot of them have functionality like that.

Answer 3

Christopher,

It sounds like you want a non-intrusive "pop-up" dialog, but for it just to overlay the main page and not show up in a separate browser window. "jQuery UI" has lots of built-in goodies like this. A simple example of the code may look like this:

<script src="jquery.js" />
<script src="jquery-ui.js" />
<script type="text/javascript">
$(window).load(function () {
  $("#overlay_box").dialog();
});
</script>
...
<div id="overlay_box">
<!-- your HTML content here -->
</div>

For a live demo of the code above, as well as more details, visit: http://jqueryui.com/demos/dialog/

Hope that helps.
-tjw