Demo of showing Dialog box on Click of Button using JQuery

This opens on button click

JQuery

<script>
$(document).ready(function() {
$(function() {
$( "#my_dialog" ).dialog({
autoOpen: false
});
});
$("#b1").click(function(){
$( "#my_dialog" ).dialog( "open" );
})
})
</script>

Dialog Box Demo Display on load Display after time delay Open on Button Click Add one Close Button With Input box & Submit Button With Hide & show animation effects Passing data to Dialog box Displaying database record in Dialog box ( by entering ID) Displaying database record in Dialog box ( By button click) Displaying Form for user input and inserting data to table Edit / update a record by usign a form in Dialog box