File "modal01.html"

Full Path: /home/analogde/www/Prog/MMM/Fusion/Modal/modal01.html
File size: 699 bytes
MIME-type: text/html
Charset: utf-8

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<style>
form {
  display: none;
}
</style>

<script>

$("#button").click(function() {
  $("form").dialog({
    appendTo: '#dialog',
    title: "Dialog Title"
  });
});

</script>

<button id="button">open the dialog</button>
<div id="dialog">

</div>

<form action="demo_form.asp" method="get">
  First name:
  <input type="text" name="fname">
  <br> Last name:
  <input type="text" name="lname">
  <br>
  <input type="submit" value="Submit">
</form>