Show Message or Popup Box Using Javascript,Jquery in Asp.Net C#

Message or Popup Box Show Using Javascript,Jquery

Show Message box or Popup Message  Display Clientside,Serverside Coding Using Javascript,Jquery in Asp.Net C#.

                             DEMO



                            Download

                          HTML Coding


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script type="text/javascript">

        function popup()
        {
            alert('This is Javascript Popup');
        }

        $(document).ready(function () {
            $("#JQuery_Popup").click(function () {
                alert("Jquery Popup");
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div align="center">
    <table><tr><td>
        <asp:Button ID="Message" runat="server"  Text="Message" OnClick="Message_Click" />
        </td></tr>
        <tr><td>
        <asp:Button ID="Popup1Scripe_Popup1" runat="server" Text="Script Popup1" OnClick="Popup1Scripe_Popup1_Click" />
            </td></tr>
        <tr><td>
        <asp:Button ID="Popup2" runat="server" Text="Popup2" OnClick="Popup2_Click" />
            </td></tr>
        <tr><td><asp:Button ID="Javascript_Popup" runat="server" Text="Javascript Popup" OnClick="Javascript_Popup_Click" />
            </td></tr>
        <tr><td><asp:Button ID="OnClientClick" runat="server"  Text="OnClientClick Call Popup" OnClientClick="popup();" />
            </td></tr>

        <tr><td><asp:Button ID="JQuery_Popup" runat="server" Text="JQuery Popup" />
            </td></tr>
        </table>
    </div>
</form>
</body>
</html>



                                 C# Coding


using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class Default2 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    protected void Message_Click(object sender, EventArgs e)
    {

        Response.Write("This is Message Write");

    }

    protected void Popup1Scripe_Popup1_Click(object sender, EventArgs e)
    {

        Response.Write("<script>alert('This is Script Popup')</script>");

    }
    protected void Popup2_Click(object sender, EventArgs e)
    {

        ClientScript.RegisterStartupScript(this.GetType(),"popup","alert('This is Popup2')",true);

    }
    protected void Javascript_Popup_Click(object sender, EventArgs e)
    {

        ClientScript.RegisterStartupScript(this.GetType(), "popu", "popup();", true);

    }
   

}

First - Create New WebForm - Add Buttons From toolBox - Onclientclick Event - Add Script Function  Name = popup()





JavaScript Popup Function Display Message & Jquery Button Click Show Popup Message




Next  - Add Code Behind - Button Event - Write popup Message








0 comments:

Post a Comment