jquery window

jquery window

 

  

   This code does not produce the effect it should. It just shows text
   with a CLOSE button
   

  

 

 

  

   
    
    
     
  1. <head>
    2. 
     
  2.  <meta charset="utf-8">
    3. 
     
  3.  <meta name="viewport" content="width=device-width, initial-scale=1">
    4. 
     
  4.  <title>jQuery UI Dialog - Default functionality</title>
    5. 
     
  5.  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    6. 
     
  6.  <link rel="stylesheet" href="/resources/demos/style.css">
    7. 
     
  7.  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    8. 
     
  8.  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    9. 
     
  9.  <script>
    10. 
     
  10.  $( function() {
    11. 
     
  11.  $( "#dialog" ).dialog();
    12. 
     
  12.  } );
    13. 
     
  13.  </script>
    14. 
     
  14. </head>
    15. 
     
  15. <body>
    16. 
     
  16.  
    17. 
     
  17. <div id="dialog" title="Basic dialog">
    18. 
     
  18.  <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
    19. 
     
  19. </div>
    20. 
     
  20. </body>
    21.