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);

    }

   

}

Read More

Check Internet Connection Is Available Or Not Using Asp.Net C#

Check Internet Connection Is Available

Check Your PC or Laptop Internet Connection Available Or Not Using in Asp.Net C#.

                                DEMO

                               Download
                    

                               C# Coding

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Net;

public partial class _Default : System.Web.UI.Page

{

    protected bool conn()

    {

        try

        {

            WebClient Wcl = new WebClient();

            var  con = Wcl.OpenWrite("http://dotnetdrizzles.blogspot.in");

           {

                return true;

           }

        }

        catch

        {

            return false;

        }

    }

    protected void Page_Load(object sender, EventArgs e)

    {

        bool con = conn();

        if (con == true)

        {

            Response.Write("<script>alert('Internet Connection Available')</script>");

        }

        else

        {

            Response.Write("<script>alert('Internet Connection Not Avail')</script>");

        }

    } 

}

Read More

Enlarge Image From Datalist With Database Using Jquery Asp.Net C#

Enlarge Image From Datalist  With Database Using Jquery 

Image Enlarge From DataList Using Jquery Plugin in Asp.Net C#.

                               DEMO

                                         Download Coding

                           HTML Coding

<html xmlns="http://www.w3.org/1999/xhtml"> 

<head id="Head1" runat="server"> 

    <title>Enlarge an Image from Datalist Using Jquery in Asp.Net C#</title> 

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 

    <style type="text/css"> 

        .imgt { 

            height: 100px; 

            width: 100px; 

        } 

    </style> 

    <script type="text/javascript">

        $(function () {

            $("img.imgt").click(function (e) {

                var enlarge = '<img src='<%#Eval("imgpath") %> + $(this).attr("alt") + '></img>';

                $('#ImgEnlarge')

                   .html($(enlarge)

                   .animate({ height: '360', width: '870' }, 1500));

            })

        })

    </script> 

</head> 

<body>

    <form id="form1" runat="server"> 

        <table cellpadding="1" cellspacing="2" width="880px" align="center" class="BlueBorder" 

            style="background: White;"> 

            <tr> 

                <td style="height: 50px;"> 

                </td> 

            </tr> 

            <tr> 

                <td> 

                    <asp:DataList ID="dListImages" runat="server" RepeatColumns="10"> 

                        <ItemTemplate> 

                            <table border="1"> 

                                <tr> 

                                    <td>

                                        <img alt='<%#Eval("imgpath") %>' src='<%#Eval("imgpath") %>' class="imgt" /></td> 

                                </tr> 

                            </table> 

                        </ItemTemplate> 

                    </asp:DataList> 

                </td> 

            </tr> 

            <tr> 

                <td style="text-align: center; vertical-align: central;">  

                    <div id="ImgEnlarge"></div> 

                </td> 

            </tr> 

        </table> 

            </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;

using System.IO;

using System.Data;

using System.Data.SqlClient;

public partial class _Default : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        SqlConnection con = new SqlConnection(System.Configuration.ConfigurationManager.ConnectionStrings["dbcon"].ToString());

        con.Open();

        SqlCommand cmd = new SqlCommand("select imgpath from reg", con);

        SqlDataAdapter adp = new SqlDataAdapter(cmd);

        DataTable dt = new DataTable();

        adp.Fill(dt);

        dListImages.DataSource = dt;

        dListImages.DataBind();

    }

}

 

Read More