Ir para conteúdo

POWERED BY:

Arquivado

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

Remazela

Botão Mostrar e Exibir em PHP

Recommended Posts

Caros amigos.

 

Desculpa em recorrer a ajuda dos amigos, mas fiz várias pesquisas e não consegui sucesso.

 

Cada um de uma forma, na qual não consegui obter as  informações que preciso. 

No formulário tenho 2 buttons: 

um button: ALTERAR

e

um button SALVAR, até aqui tudo bem.

 

Como faço para:

quando clicar em ALTERAR aparece o button SALVAR e esconde o button ALTERAR

e depois

quando clicar em SALVAR aparece o button ALTERAR e esconde o button SALVAR

 

Grato,

 

Renato

Compartilhar este post


Link para o post
Compartilhar em outros sites

a sua pergunta ela não é sobre o PHP e sim Javascript mas, segue um exemplo de como fazer isso o que você quer

 

<body>
		<div class="page">
		
			<div class="formulario form bradius">
				<div class="aviso red">
					Teste mensagem
				</div>
				<form>
					<label for="email">E-mail</label><input type="text" class="txt bradius" name="email" values=""/>
					<label for="senha">Senha</label><input type="password" class="txt bradius" name="senha" values=""/>
					
					<input type="submit" class="sb bradius salvar hidden" name="salvar" value="salvar"/>
					<input type="submit" class="sb bradius alterar" name="alterar" value="alterar"/>
				</form>
			</div>
		</div> 
		<script type="text/javascript" src="js/jquery.min.js"></script>
	</body>
	<script type="text/javascript">
		$(function(){
		   $('.alterar').on('click', function(e){
		       e.preventDefault();
		       $('.alterar').addClass('hidden');
		       $('.salvar').removeClass('hidden');
		       return false;
		   });

		   $('.salvar').on('click', function(e){
		   		e.preventDefault();
		   		$('.alterar').removeClass('hidden');
		   		$('.salvar').addClass('hidden');
		   		return false;
		   });
		})
	</script>

	<style>
		.hidden{
			visibility: hidden;
		}

	</style>

lembrando que pra conseguir fazer funciona você vai precisar da biblioteca jquery

Compartilhar este post


Link para o post
Compartilhar em outros sites
11 horas atrás, junior almeida disse:

a sua pergunta ela não é sobre o PHP e sim Javascript mas, segue um exemplo de como fazer isso o que você quer

 


<body>
		<div class="page">
		
			<div class="formulario form bradius">
				<div class="aviso red">
					Teste mensagem
				</div>
				<form>
					<label for="email">E-mail</label><input type="text" class="txt bradius" name="email" values=""/>
					<label for="senha">Senha</label><input type="password" class="txt bradius" name="senha" values=""/>
					
					<input type="submit" class="sb bradius salvar hidden" name="salvar" value="salvar"/>
					<input type="submit" class="sb bradius alterar" name="alterar" value="alterar"/>
				</form>
			</div>
		</div> 
		<script type="text/javascript" src="js/jquery.min.js"></script>
	</body>
	<script type="text/javascript">
		$(function(){
		   $('.alterar').on('click', function(e){
		       e.preventDefault();
		       $('.alterar').addClass('hidden');
		       $('.salvar').removeClass('hidden');
		       return false;
		   });

		   $('.salvar').on('click', function(e){
		   		e.preventDefault();
		   		$('.alterar').removeClass('hidden');
		   		$('.salvar').addClass('hidden');
		   		return false;
		   });
		})
	</script>

	<style>
		.hidden{
			visibility: hidden;
		}

	</style>

lembrando que pra conseguir fazer funciona você vai precisar da biblioteca jquery

 

Amigo, mais uma dúvida.

 

por favor, me desculpa.

 

Baseado no exemplo acima que o amigo passou, teria como no INPUT='TEXT', habilitar e desabilitar ?

 

Por exemplo:

  quando clicar em ALTERAR habilita para digitar

  quando clicar em SALVAR fica desabilitado

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

para desabilitar um input você pode usar o 

$('#campo').attr("disabled", true);

 

exemplo 

 

<body>
		<div class="page">
		
			<div class="formulario form bradius">
				<div class="aviso red">
					Teste mensagem
				</div>
				<form>
					<label for="email">E-mail</label><input type="text" class="txt bradius bloqueia" name="email" values=""/>
					<label for="senha">Senha</label><input type="password" class="txt bradius bloqueia" name="senha" values=""/>
					<input type="submit" class="sb bradius salvar hidden" name="salvar" value="salvar"/>
					<input type="submit" class="sb bradius alterar" name="alterar" value="alterar"/>
				</form>
			</div>
		</div> 
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/fw-amb.js"></script>

		<script type="text/javascript">
		$(function(){
			$(document).ready(function(){
				$('.bloqueia').prop('disabled', true);
			});
		   $('.alterar').on('click', function(e){
		       e.preventDefault();
		       $('.alterar').addClass('hidden');
		       $('.salvar').removeClass('hidden');
		       $('.bloqueia').prop('disabled', false);
		       return false;
		   });

		   $('.salvar').on('click', function(e){
		   		e.preventDefault();
		   		$('.alterar').removeClass('hidden');
		   		$('.salvar').addClass('hidden');
		   		$('.bloqueia').prop('disabled', true);
		   		return false;
		   });
		})
	</script>

	<style>
		.hidden{
			visibility: hidden;
		}

	</style>
	</body>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por violin101
      Caros amigos do grupo, saudações e um feliz 2025.
       
      Estou com uma pequena dúvida referente a Teclas de Atalho.

      Quando o Caps Lock está ativado o Comando da Tecla de Atalho não funciona.
      ou seja:
      se estiver para letra minúscula ====> funciona
      se estiver para letra maiúscula ====> não funciona
       
      Como consigo evitar essa falha, tanto para Letra Maiúscula quanto Minúscula ?

      o Código está assim:
      document.addEventListener( 'keydown', evt => { if (!evt.ctrlKey || evt.key !== 'r' ) return;// Não é Ctrl+r, portanto interrompemos o script evt.preventDefault(); });  
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Por favor, poderiam me ajudar.

      Estou com a seguinte dúvida:
      --> como faço para para implementar o input código do produto, para quando o usuário digitar o ID o sistema espera de 1s a 2s, sem ter que pressionar a tecla ENTER.

      exemplo:
      código   ----   descrição
           1       -----   produto_A
       
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Humildemente peço desculpa por postar uma dúvida que tenho.

      Preciso salvar no MySql, os seguinte Registro:

      1 - Principal
      ====> minha dúvida começa aqui
      ==========> como faço para o Sistema Contar Automaticamente o que estiver despois do 1.____?
      1.01 - Matriz
      1.01.0001 - Estoque
      1.01.0002 - Oficina
      etc

      2 - Secundário
      2.01 - Loja_1
      2.01.0001 - Caixa
      2.01.0002 - Recepção
      etc
       
      Resumindo seria como se fosse um Cadastro de PLANO de CONTAS CONTÁBEIL.

      Grato,


      Cesar









       
    • Por violin101
      Caros amigos, saudações.

      Por favor, me perdoa em recorrer a orientação dos amigos.

      Preciso fazer um Relatório onde o usuário pode Gerar uma Lista com prazo para vencimento de: 15 / 20/ 30 dias da data atual.

      Tem como montar uma SQL para o sistema fazer uma busca no MySql por período ou dias próximo ao vencimento ?

      Tentei fazer assim, mas o SQL me traz tudo:
      $query = "SELECT faturamento.*, DATE_ADD(faturamento.dataVencimento, INTERVAL 30 DAY), fornecedor.* FROM faturamento INNER JOIN fornecedor ON fornecedor.idfornecedor = faturamento.id_fornecedor WHERE faturamento.statusFatur = 1 ORDER BY faturamento.idFaturamento $ordenar ";  
      Grato,
       
      Cesar
       
       
       
       
    • Por violin101
      Caros amigos, saudações
       
      Por favor, me perdoa em recorrer a orientação dos amigos, tenho uma dúvida.
       
      Gostaria de uma rotina onde o Sistema possa acusar para o usuário antes dos 30 dias, grifar na Tabela o aviso de vencimento próximo, por exemplo:
       
      Data Atual: 15/11/2024
                                           Vencimento
      Fornecedor.....................Data.....................Valor
      Fornecedor_1...........01/12/2024..........R$ 120,00 <== grifar a linha de Laranja
      Fornecedor_1...........01/01/2025..........R$ 130,00
      Fornecedor_2...........15/12/2024..........R$ 200,00 <== grifar a linha de Amarelo
      Fornecedor_2...........15/01/2025..........R$ 230,00
      Fornecedor_3...........20/12/2024..........R$ 150,00
       
      Alguém tem alguma dica ou leitura sobre este assunto ?

      Grato,
       
      Cesar
×

Informação importante

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