Mega Code Archive

 
Categories / JavaScript Tutorial / JQuery
 

Closed action

< html>   <head>   <link type="text/css" href="js/themes/base/ui.all.css" rel="stylesheet" />   <script type="text/javascript" src="js/jquery-1.3.2.js"></script>   <script type="text/javascript" src="js/ui/ui.core.js"></script>   <script type="text/javascript" src="js/ui/ui.dialog.js"></script>   <script type="text/javascript" src="js/ui/ui.resizable.js"></script>   <script type="text/javascript" src="js/ui/ui.draggable.js"></script>   <link type="text/css" href="js/demos.css" rel="stylesheet" />     <script type='text/javascript'> $(document).ready(   function() {     $('div#myDialog').dialog({       autoOpen: false,       show: 'explode',       close: function(e, ui) {         alert(this.id);       }     });          $('input#tmpOpen').click(       function($e) {         $('div#myDialog').dialog('open');       }     );   } );     </script>   </head>   <body>     <input type='submit' id='tmpOpen' value='Open Dialog' />         <div id='myDialog' title='Lorem Ipsum'>       <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          odio quam, hendrerit ac, imperdiet sit amet, venenatis sed, enim.       </p>     </div>   </body> </html>