none
JavaScript com 3 botões RRS feed

 > 

  • Pergunta

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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

  • Question
    Entrar para Votar
    0
    Entrar para Votar

    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
    |