Thursday, 25 September 2014

How To show POP-Up Dialog Box By Using Jquery On Button Click

Today I will expalian how to POP-Up a dialogbox or modal POP-Up window box on a button click by usign Jquery.Simple jquery modal popup window or  jquery modal dialog is used to show alerts messages, notifications, errors and many more.
 Html Code
<html xmlns="">
<head runat="server">
    <link type="text/css" rel="stylesheet" href="" />
<script type="text/javascript" src=""></script>
<script type="text/javascript" src=""></script>
<script type="text/javascript">
    $(function () {
        $('#<%=btnclick.ClientID%>').click(function () {
            title: "Welcome To Ashok Demo!!!",         
            width: 400,
           height: 120,
            modal: true,
            buttons: {
                //Close: function () {
                //    $(this).dialog('close');
        return false;
    <form id="form1" runat="server">
<div id="mydemo" title="Basic modal dialog" style="display: none; background-color:rgb(107,108,108);"  >
<b style="color:#9FFF40"> You Have Successfully Submit!!!!!!</b>
<table align="center" style="margin-top:200px">
<asp:Button ID="btnclick" runat="server" Text="Submit" />
       <div style="background-color: #9FFF40"></div>


Post a Comment

Copyright © DotNet-Ashok