Jump to content
lezão

Mostrar e Ocultar

Recommended Posts

Boa tarde, a todos!

encontrei esse codigo na internet esta sendo muito util, eu só tem um item q eu gostaria de mudar.

e qnd entra na pagina naun aparecer o conteudo q esta em block, só aparecer qnd clicar na opção?

veja como fica qnd entra na pagina:

mostrar/ocultar.php

    <select id="tipo_pessoa" onchange="exibir_ocultar(this)">
    <option value="Dinheiro">Dinheiro</option>
    <option value="Cartão">Cartão</option>
</select>
<br /><br />
<div id="Dinheiro">Troco Para?: <br /><input type="number"></div>
<div id="Cartão">Aceitanos: <br /><img src="http://marmitexgranjaviana.com.br/wp-content/uploads/2020/07/aceitamos_todos_os_cart%C3%B5es_de_d%C3%A9bito_e_cr%C3%A9dito.png" width="400" height="100"/></div>

    <script type="text/javascript">
        function exibir_ocultar(val) {
  if(val.value == 'Cartão') {
    document.getElementById('Dinheiro').style.display = 'none';
    document.getElementById('Cartão').style.display = 'block';

  }
  else {
    document.getElementById('Dinheiro').style.display = 'block';
    document.getElementById('Cartão').style.display = 'none';
    
  }
};
    </script>

 

Share this post


Link to post
Share on other sites

Experimenta colocar um css in-line nas DIVs dinheiro e cartão assim.

<div id="Dinheiro" style="display:none;">Troco Para?: <br /><input type="number"></div>
<div id="Cartão" style="display:none;">

 

Share this post


Link to post
Share on other sites

Ola boa tarde

Como o amigo disse ai colocar um style="display: none" em cada div cartão e dinheiro resolverá

Tente da seguinte forma e veja se resolve

 

<script>

function habilitarCampo() {
	//Dinheiro
    if(document.getElementById('tipo_pessoa').value == "Dinheiro"){
        document.getElementById('Dinheiro').style.display = "block";   //Div Ativa
        document.getElementById('Cartão').style.display = "none";    //Div Desativa		
    };
	
	//Cartão
    if(document.getElementById('tipo_pessoa').value == "Cartão"){
		document.getElementById('Dinheiro').style.display = "none";   //Div Desativa	 
        document.getElementById('Cartão').style.display = "block";   //Div Ativa

    };
	
   };	
</script>



<select id="tipo_pessoa"  class="form-control" onChange="habilitarCampo()" >
    <option value="Dinheiro">Dinheiro</option>
    <option value="Cartão">Cartão</option>
</select>
										

<div id="Dinheiro" style="display: none">Troco Para?: <br /><input type="number"></div>



<div id="Cartão"  style="display: none">Aceitanos: <br /><img src="http://marmitexgranjaviana.com.br/wp-content/uploads/2020/07/aceitamos_todos_os_cart%C3%B5es_de_d%C3%A9bito_e_cr%C3%A9dito.png" width="400" height="100"/></div>
								

 

Share this post


Link to post
Share on other sites

Bom dia, ernestovm!

Tudo bem com você?

Acho que você naun entendeu oq eu estou querendo fazer,.

Quero q qnd eu entrar na pagina a opção Cartão fique oculta, só mostrar a opção Dinheiro, mas qnd eu escolher a opção Cartão ele aperece.

Share this post


Link to post
Share on other sites

Bom dia, meus amigos!

Td bem com vcs?

Me desculpe a demora, mas quero agradecer a todos vcs q tirou alguns minutos do tempo de vcs para me ajudar.

 

Deu certo! VLW

 

Muito obrigado, que Deus os abençoem.. 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By wmaldonado
      Olá,
       
      Estou tentando criar uma página com um video hospedado no Vimeo e um botão que deve aparecer em um determinado momento desse video, no caso no momento em que o espectador passar pelo 12:35min de video.
       
      Mas não estou encontrando nenhum código de como fazer isso, encontrei apenas como colocar atraso no botão, que não resolve 100%.
      Gostaria de saber se alguém sabe como posso vincular e colocar um gatilho para o botão aparecer.
       
      Grato desde já por todas as sugestões e ajuda.
      Obrigado,
      William
    • By Claudia França
      Pessoal tenho um 2 formulário que depois de serem preenchidos deve gerar paginas com link dessas páginas, nessas novas paginas deve haver também os botões de compartilhamento com WhatApp facebook , instagram, linkedin,  
      Tem algum exemplo  que possa me ajudar. 
      O  link deve receber o nome do titulo. exemplo. www.meudonimio/formulario/pagina1preenchida      ( pagina1preenchida) é o titulo que foi posto no formulário. 
      Esse site esta usando WordPress.
    • By Thiago Ladislau
      Bom dia gostaria de compartilhar um erro que vem ocorrendo há muito tempo na empresa em que trabalho. Porem nunca foi identificada a causa origem do mesmo, Isso ocorre de forma aleatória não tem data nem hora, acontece de repente. Sendo obrigado ao 'fechamento forçado' do sistema que pode gerar problemas na base. Em anexo imagem do Erro.   Grato
    • By TkCode
      Estou tentando desenvolver um código para calcular o valor final de custas de imoveis.
      Exemplo: Entro com um valor de R$50.000,00. Tem o ITBI que é 2% sob os R$50.000,00 + o valor de custas que é o valor de uma tabela (essa tabela tem valores que de R$0,01 até R$17.800,90 é uma valor, e assim sucessivamente)
       
      Então teria que calcular os 2% (do valor informado) + o valor da tabela, dando um resultado final com o valor total (2%+ValorTabela).
       
      Alguem teria como me dar uma dica de como resolver isso?
      Desde já agradeço!
    • By rafaelmoreira78
      Boa tarde!
      Estou querendo fazer um select a partir da seleção de um combobox. Nesse combobox o usuário escolhe o tipo de busca que ele quer. Se é por nome, por id, por data etc. E depois, exibe os dados nos campos. Porém, não estou conseguindo e não sei como resolver isso.
      public void consultar(){ String sql ="select * from tbcertificados where ?=?"; try{ pst=conexao.prepareStatement(sql); pst.setString(1,cbConsulta.getSelectedItem().toString()); pst.setString(2,txtBusca.getText()); rs=pst.executeQuery(); if (rs.next()){ lblID.setText(rs.getString(1)); txtNome.setText(rs.getString(2)); comboCursos.setSelectedItem(rs.getString(3)); txtData.setText(rs.getString(4)); txtCH.setText(rs.getString(5)); txtEmpresa.setText(rs.getString(6)); txtObs.setText(rs.getString(7)); }  
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.