Making a Modal Dialog (^) ❘ 407
FIGURE 17-2
Making a Modal Dialog
A modal dialog is a dialog that upon activation prevents interaction with the document until the
dialog is closed. Example 17-4 demonstrates how to make a jQuery UI Dialog with modal behavior:<!DOCTYPE HTML>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv='content-type'
content='application/xhtml+xml; charset=utf-8' />
<meta http-equiv='content-language' content='en-us' />
<title>Dialog Plugin</title>
<script src='../jQuery.js'></script>
<script src='../jQueryUI.js'></script>
<script src='Example 17-4.js'></script>
<link href='Example 17-4.css' rel='stylesheet' />
</head>
<body>
<p>
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