Introduction :
Here i will explain how to Make popup Using JQuery. Compare to Ajax Modal popup extender, JQuery popup is very light Weight and easy to Access.In this section I will explain you modal popup in Jquery Using button click(Client Side).
Aspx code :
<head runat="server">
<title>Fourth Bottle</title>
<link
type="text/css"
href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.0/themes/smoothness/jquery-ui.css"
rel="stylesheet" />
<script
language="javascript"
src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.0.min.js"></script>
<script
language="javascript"
src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.0/jquery-ui.min.js"></script>
<script
type="text/javascript">
function
Show() {
$("#dialog:ui-dialog").dialog("destroy");
$("#dialog-modal").dialog({
height: 300,
width: 200,
modal: true
});
}
</script>
</head>
<body>
<form
id="form1"
runat="server">
<div>
</div>
<div
id="dialog-modal"
title="Venki
Popup" style="display: none">
JQuery Works Here.......
</div>
<input
type="button"
id="btn"
onclick="javascript:
Show()" value="click me" />
</form>
</body>