none
Help com JQuery + Alert RRS feed

  • Pergunta

  • Boa tarde!

    Consegui construir  um alerta usando jquery.msgbox. Funcionou uma maravilha. 

    A minha dificuldade vem agora, como faço para implementar em um botão em asp.net chamar esta funcionalidade do Jquery (<a href="javascript:;" class="msgbox alert">Open basic msgbox</a>" este trecho do código que chama MSGBOX)

    Tentei fazer desta maneira, mas não funcionou. 

    protected void Button1_Click(object sender, EventArgs e)            
    {

    if (valida() == false)

    {

                Button1.Attributes.Add("class", "msgbox basic");

              }

    }

    • Código HTML

    <head>

    <link rel="stylesheet" id="theme" type="text/css" />

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="../jquery.msgbox.i18n.js"></script>
    <script type="text/javascript" src="../jquery.msgbox.js"></script>


    <script type="text/javascript">
    var theme = location.href.split(/\?/)[1];
    theme = theme || 'metro';
    $("#theme").attr('href', "../themes/"+ theme +"/css/jquery.msgbox.css");

    $ (document) .ready(function(){
    var produce = function () {
    $("pre.code").each (function(){
    eval ($(this).text());
    });
    }

    $("#themeswitcher").val(theme);

    produce();

    $("#themeswitcher").change(function(){
    location.href = location.href.split(/\?/)[0] + '?' + $(this).val();
    });
    });
    </script>
    </head>
    <body>
    <h1>jquery.msgbox examples <a href="../index.html">Back to jquery.msgbox home</a></h1>
    <div>Switch msgbox theme: <select id="themeswitcher">
    <option value="bootstrap">bootstrap</option>
    <option value="black">black</option>
    <option value="mac">mac</option>
    <option value="jqueryui">jqueryui</option>
    <option value="metro">metro</option>
    <option value="naked">naked</option>
    <option value="facebook">facebook</option>

    </select></div>

    <div class="wrap">

    <pre class="code">
    $(".msgbox.alert").msgbox({
    type: 'alert',
    content: 'Preencha o campo!',
    title: 'Aviso'
    });
    </pre>

    <div class="trigger">
    <a href="javascript:;" class="msgbox alert">Open basic msgbox</a>
    </div>
    </div>

    </body>
    </html>


    sábado, 18 de janeiro de 2014 16:32

Respostas

  • Consegui resolver.

    HTML

    function mensagem(msgValue)
            {
                $.msgbox({
                    type: 'alert',
                    content: 'This is an alert!',
                    title: 'Alert'
                 });
            }

    ASP.NET

    Page.ClientScript.RegisterStartupScript(this.GetType(), null, "mensagem();", true);

    • Marcado como Resposta Genomax sábado, 18 de janeiro de 2014 18:02
    sábado, 18 de janeiro de 2014 18:02