Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

adrianoluis

desabilitar opções qdo clicar em Incluir

Por , em Javascript

Recommended Posts

adrianoluis    0

adrianoluis
Postado

Ola

 

Galera estou precisando o seguinte, tenho o formulário abaixo e quero que quando o usuário clicar no botão Incluir as opções EXCLUIR e ALTERAR sejam desabilitadas, sendo que o usuário somente conseguirá preencher o formulário quando clicar em INCLUIR.

 

<html>

<head>

<title>Formulario</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

 

<style>

.button {

font-family: Verdana;

font-size: 12px;

color: #000000;

border: 1px solid #333333;

}

.button1 {

font-family: Verdana;

font-size: 12px;

background-color: #EBEBEB;

border: 1px solid #333333;

}

.style3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

</style>

 

</head>

 

<body>

 

<form action="http://localhost/teste/projeto.exe/acao" method="post">

  <input name="incluir" type="button" class="button" id="incluir" value="Incluir">

  <input name="alterar" type="button" class="button" id="alterar" value="Alterar">

  <input name="excluir" type="reset" class="button" id="excluir" value="Excluir">

  <input name="consultar" type="button" class="button" id="consultar" value="Consultar">

  <br><br>

  <table width="100%"  border="0" cellspacing="0" cellpadding="0">

    <tr>

      <td width="16%"><span class="style3">Código<br>

        <input name="CODIGO" type="text" id="CODIGO" class="button" onFocus="this.blur()" value="17" size="10">

      </span></td>

      <td width="35%"><span class="style3">Nome<br>

        <input name="NOME" type="text" class="button" id="NOME" size="35">

      </span></td>

      <td width="35%"><span class="style3">Fantasia<br>

        <input name="FANTASIA" type="text" class="button" id="FANTASIA" size="35">

      </span></td>

      <td width="14%"><span class="style3">Filial<br>

        <input name="CFILIAL" type="text" class="button" id="CFILIAL" size="10">

      </span></td>

    </tr>

    <tr>

      <td> </td>

      <td> </td>

      <td> </td>

      <td> </td>

    </tr>

  </table>

</form>

 

</body>

</html>

Alguem pode ajudar?

 

Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

alicacwb    0

alicacwb
Postado

você deve usar o evento OnClick, e chamar uma função que tenha isso:

 

documento.nomedoform.nomedocampo.disabled = true;

 

 

Alica CWB

Compartilhar este post

Link para o post
Compartilhar em outros sites

adrianoluis    0

adrianoluis
Postado

Ola Já tentei fazer e não consegui e por isso que estou recorrendo ao fórum. Ajuda ae galera.Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

adrianoluis    0

adrianoluis
Postado

Ola Consegui fazer apenas com que ao clicar em INCLUIR desabilitasse os outros botoes. Mas o que preciso é que quando o usuario entrar nessa pagina de cadastro não consiga preencher nada, apenas consiga preencher depois de clicar em INCLUIR. Abaixo segue o código que tenho:

<script language="JavaScript">function desabilitar(){document.getElementById('alterar').disabled = true;document.getElementById('excluir').disabled = true;return true;}</script>

<form action="http://localhost/projeto.exe/acao" method="post" name="frmCad" id="frmCad"><input name="lincluir" type="button" class="button" id="lincluir" value="Incluir" onClick="desabilitar();"><input name="alterar" type="button" class="button" id="alterar" value="Alterar"><input name="excluir" type="button" class="button" id="excluir" value="Excluir"><input name="consultar" type="button" class="button" id="consultar" value="Consultar"></form>

Se alguem puder dar uma ajuda, agradeço Obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

alicacwb    0

alicacwb
Postado

então... você tá no caminho certo, apenas inverso...

 

no campo...

<input name="FANTASIA" type="text" class="button" id="FANTASIA" size="35" disabled>

 

 

na função...

document.getElementById('FANTASIA').disabled = false;

 

 

ALica CWB

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito