Tuesday, April 29, 2014

Modal popup Using JQuery

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() {
                height: 300,
                width: 200,
                modal: true

    <form id="form1" runat="server">
    <div id="dialog-modal" title="Venki Popup" style="display: none">
     JQuery Works Here.......
    <input type="button" id="btn" onclick="javascript: Show()" value="click me" />