JQuery Dialog example

In this example below you will see how to do a JQuery Dialog example with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by sujayraaj, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright sujayraaj ©

Technologies

  • HTML
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>JQuery Dialog example</title>
  
  
  <link rel='stylesheet prefetch' href='https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css'>

  
  
</head>

<body>

  <div id="dialog" title="Basic dialog">
  <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>
</div>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js'></script>

  

    <script  src="js/index.js"></script>




</body>

</html>

/*Downloaded from https://www.codeseek.co/sujayraaj/jquery-dialog-example-ozqvPG */
  $( function() {
    $( "#dialog" ).dialog();
  } );

Comments