Question

I requesting some data using jquery ajax function.i have to display requested data in jquery scrollable dialog how can i do that.
Here i am using code.for requesting data.

$('#load').show();
        $.ajax({
            type: "POST",
            url: "push/push_notify.php",
            data: "pushmessage="+message+"&iphone="+iphone+"&android="+android+"&blackberry="+blackberry,

            success: function(e){
                $('#load').hide();
                var response =e;

               $("#showtable").fadeOut('slow').load("alerttable.php").fadeIn('slow');
            }
        });
       return false;

Answer 1

You can use a dialog from jQuery UI and the container div element should have a fixed width & height and overflow set to scroll (scrollbars always appear) or auto (scrollbars appear when needed) .

CSS of the div:

#result-dialog{
    height: 300px;
    overflow: auto; /* Or scroll, depending on your needs*/
    width: 300px;
}

EDIT: Here it is a working example of a jquery dialog with scrollable content. For more properties and styles of the dialogbox you should check out its page.

In your html you should include:

jQuery, jQuery UI, and jQuery UI CSS (these are hotlinks from Google’s CDN – if you wish you can download these for yourself from jquery’s home page)