none
JavaScript com 3 botões RRS feed

  • Pergunta

  • Eu tenho na minha aplicação um javascript com 2 botões os quais depois eu tenho uma condição para eles e funciona perfeitamente.

    Mas agora eu preciso de um javascript com 3 botões e com as 3 condições.

    Como eu faço isso ?

    Segue abaixo o codigo javascript que tenho hoje com 2 botões:

    <

    scripttype="text/javascript">


                    

    functiondesabilita()

                      {

                        

    varresult = confirm("Material fora da Especificação, você quer cadastrar ?");

                        

    if(result)

                         {

                             document.getElementById(

    'MainContent_FormView1_DropDownListCODMAT').disabled = false;

                             document.getElementById(

    'MainContent_FormView1_DropDownListCODSCH').disabled = false;

                             document.getElementById(

    'MainContent_FormView1_DropDownListCODCLASSEP').disabled = false;

                            

                         }

                        

    else

                         {

                             document.getElementById(

    'MainContent_FormView1_DropDownListCODMAT').disabled = true;

                             document.getElementById(

    'MainContent_FormView1_DropDownListCODSCH').disabled = true;

                             document.getElementById(

    'MainContent_FormView1_DropDownListCODCLASSEP').disabled = true;

                         }

                     }

                

    </script>

    sexta-feira, 10 de maio de 2013 17:27

Todas as Respostas

  • Ola, não entendi a parte onde entram os 2 botões, pelo que vi existe uma tela de confirmação em javascript e dependendo se o usuário clica em OK ou CANCELAR os drops são habilitados ou desabilitados. Onde entram os 2 botões e o terceiro?

    Algo assim:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="3BotoesJavascript.aspx.cs" Inherits="MSDN_Sharp._3BotoesJavascript" %>
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <script type="text/javascript">
            function desabilita()
            {
                var result = confirm("Material fora da Especificação, você quer cadastrar ?");
                var ddlCodMat = document.getElementById("DropDownListCODMAT");
                var ddlCodSch = document.getElementById('DropDownListCODSCH');
                var ddlCodClasse = document.getElementById('DropDownListCODCLASSEP');
                
                if (result) {
                    ddlCodMat.disabled = false;
                    ddlCodSch.disabled = false;
                    ddlCodClasse.disabled = false;
                }else {
                    ddlCodMat.disabled = true;
                    ddlCodSch.disabled = true;
                    ddlCodClasse.disabled = true;
                }
            }
        </script>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js"></script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <input type="button" value="Cadastrar" onclick="javascript:desabilita();" />
            <br />
            <select id="DropDownListCODMAT">
              <option value="1234">1234</option>
            </select> 
            <select id="DropDownListCODSCH">
              <option value="1">Gov. Armando</option>
            </select> 
            <select id="DropDownListCODCLASSEP">
              <option value="12">12A</option>
            </select> 
            <br /><br />
            <a class="checked" href="http://www.google.com">Deseja sair?</a>
            <script type="text/javascript">
                $(function () {
                    $('.checked').click(function (e) {
                        e.preventDefault();
                        var dialog = $('<p>Tem certeza?</p>').dialog({
                            buttons: {
                                "Sim": function () { alert('Você selecionou sim'); },
                                "Não": function () { alert('você selecionou Não'); },
                                "Cancelar": function () {
                                    alert('Você cancelou');
                                    dialog.dialog('Fechar');
                                }
                            }
                        });
                    });
                });
            </script>
        </div>
        </form>
    </body>
    </html>

    Ou talvez sem usar Jquey:

    if (confirm("Deseja sair?") ) { if (confirm("Salvar os dados antes de sair?") ) { // SALVAR E SAIR } else { //SALVAR MAS NÂO SAIR } } else { //NÂO SAIR

    }



    Rodrigo Reis Ferreira
    Microsoft Certified


    quarta-feira, 15 de maio de 2013 17:47