Demo of showing record details by passing id using JQuery

Enter ID 1 to 37



HTML

Enter ID 1 to 37 <input type=text size=3 id=t1><br><button id="b1">Show record</button>
<br><div id=msg></div>
<div id="my_dialog" title="plus2net  dialog">
  <div id=body></div>
</div>

JQuery


<script>
$(document).ready(function() {
$(function() {
var pos = { my: "center center", at: "center top", of: window };
$( "#my_dialog" ).dialog({
position: pos,
autoOpen: false,
buttons: {
       "Close ": function() {
        $( this ).dialog( "close" );
        }
      }
							});
});

$("#b1").click(function(){
$( "#my_dialog" ).dialog( "open" );
$('#body').text('Wait..');
var id=$('#t1').val();
$('#body').load("dialog-box7ck.php?id="+id);
})

})
</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