Question

On my web app, I’m looking for a mechanism that’ll allow me to pop a static window on top of my page where texts will be displayed with a scroll bar. I’d like the frame of that window to have a “X close” button. Simple.

I know there are some JQuery “lightbox” implementations for photos. Is there something similar where I can just show/scroll text?

Thank you.

Answer 1

I would use jQuery UI Dialog. You can “pop” a modal dialog with that widget.

Here is an example snippet from http://jqueryui.com/demos/dialog/:

<script>
$(function() {


    $( "#dialog-modal" ).dialog({
        height: 140,
        modal: true
    });
});
</script>



<div class="demo">

<div id="dialog-modal" title="Basic modal dialog">
<p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
</div>