The class behind the dialog widget is compact and caters to a small range of specialized behavior, much of which we have already looked at. We can still have some fun with a dynamic dialog box, which loads different content depending on which element triggers it. The following image shows the kind of page we'll end up with:
In a new page in your text editor add the following code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <link rel="stylesheet" type="text/css" href="development-bundle/themes/smoothness/ui.all.css"> <link rel="stylesheet" type="text/css" href="css/ajaxDialog.css"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jQuery UI AJAX Dialog Example</title> </head> <body> <div id="thumbs"> <div class="ui-widget-header"> <h2>Some Common...