Web Development with jQuery®

(Elliott) #1

(^410) ❘ CHAPTER 17 DIALOG








Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In
sagittis commodo ipsum. Donec est. Mauris eget arcu. Suspendisse
tincidunt aliquam velit. Maecenas libero. Aliquam dapibus
tincidunt eros. Donec suscipit tincidunt odio. Maecenas congue
tortor non ligula. Phasellus vel elit. Suspendisse potenti. Nunc
odio quam, hendrerit ac, imperdiet sit amet, venenatis sed, enim.





Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In
sagittis commodo ipsum. Donec est. Mauris eget arcu. Suspendisse
tincidunt aliquam velit. Maecenas libero. Aliquam dapibus
tincidunt eros. Donec suscipit tincidunt odio. Maecenas congue
tortor non ligula. Phasellus vel elit. Suspendisse potenti. Nunc
odio quam, hendrerit ac, imperdiet sit amet, venenatis sed, enim.





The CSS document from Example 17-4 is applied to the preceding markup document, along with
the following script:
$(document).ready(
function()
{
$('div#exampleDialog').dialog({
title : 'Example Dialog',
modal : true,
autoOpen : false
});
$('input#exampleDialogOpen').click(
function(event)
{
event.preventDefault();
$('div#exampleDialog')
.dialog('open');
}
);
}
);
[http://www.it-ebooks.info](http://www.it-ebooks.info)
Free download pdf