JQuery - Caixa de dialog através do código C#

<< Click to Display Table of Contents >>

Navigation:  jQuery >

JQuery - Caixa de dialog através do código C#

Previous pageReturn to chapter overviewNext page

Intro

 

Só mostra a caixa de diálogo se o usuário digitar o número 2

 

Tela

 

jquery-dialog

 

Aspx

 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="WebApplication1.WebForm2" %>

 

<!DOCTYPE html>

 

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

<head runat="server">

    <title></title>

 

    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />

    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>

    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

 

    <script type="text/javascript">

        //Total out of range dialog

        function ShowCaixaDialogo() {

            $(function () {

                $('#div_dialogo').dialog({

                    modal: true,

                    width: 'auto',

                    resizable: false,

                    draggable: false,

                    close: function (event, ui) { $('body').find('#div_dialogo').remove(); },

                    buttons: {

                        'OK'function () { $(this).dialog('close'); }

                    }

                })

            }).dialog("open");

        }

    </script>

</head>

<body>

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

        <asp:Label ID="lbInfo" runat="server" Text="Digite 2 para confirmar, outro numero passa batido:"></asp:Label>

        <asp:TextBox ID="edNumero" runat="server"></asp:TextBox>

        <asp:Button ID="btBotao" runat="server" OnClick="btBotao_Click" Text="Botão" />

 

    </form>

    <div id="div_dialogo" style="displaynone;" title="Atenção">

        <p>

            Esta informação apareceu porque você digitou 2.       

        </p>

        <p>Você deveria saber que digitar 2 é muito perigoso</p>

    </div>

</body>

</html>

 

Cs

 

using System;

using System.Web.UI;

 

namespace WebApplication1

{

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

    {

        protected void Page_Load(object sender, EventArgs e)

        {

        }

 

        protected void btBotao_Click(object sender, EventArgs e)

        {

            if (edNumero.Text == "2")

                Page.ClientScript.RegisterStartupScript(this.GetType(), "idCaixaDialogo""ShowCaixaDialogo();"true);

        }

    }

}