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 ILR master
      Pessoal, pergunta bem simples. Abaixo tenho o seguinte código:
       
      <script>
      function alerta()
      {
        if (window.confirm("Você realmente quer sair?")) {
          window.open("sair.html");
      }
      }
      </script>
       
      Funciona perfeitamente, só que está abrindo em outra janela e quero que abra na mesma janela.
       
      Alguém pode me ajudar?
    • By Jack Oliveira
      Ola pessoal boa tarde
      estou tentando fazer um texto se mover dentro do input porem nao esta dando resultado que preciso
       
      Este é o codigo 
      <script type="text/javascript"> $(document).ready(function () { var frases = [{ 'elemento': $('input[name=search_string]'), 'frases': ["O que você está procurando?", "Buscar por: Academia, Barbearia, Churrascaria, Decoração, Escola, Farmácia, Gráfica, Imobiliaria, Lanchonete, Mecânica, Odontologia, Pizzaria...", "Faça sua busca por segmentos aqui.", "São mais de 3mil empresas para serem exploradas."] }]; animaInput(frases); }); </script>  
    • By Rengavitp
      Boa noite pessoal!
       
      Estou fazendo um projeto web com spring boot e é a primeira vez que lido com imagens. Minha idéia é salvar imagens em uma pasta e depois recuperar essa imagem e mostrar, mas o problema que estou enfrentando é o seguinte, seu eu envio para o src do projeto na pasta imagens, eu até consigo acessar as imagens, mas preciso atualizar o projeto na IDE (isso vai acontecer em produção?) eu tentei salvar em uma pasta fora do source do projeto mas ai não consigo acessar. como devo fazer? fiz várias pesquisas, mas nenhuma me ajudou.
       
      Desde já agradeço.
    • By Rengavitp
      Bom dia pessoal!

      Estou com o seguinte problema, tenho uma aplicação que funciona perfeitamente rodando na minha IDE (Spring Tool Suite) mas ao gerar o arquivo war e subir a aplicação no tom cat ele não funciona, mas apenas erro 404, abri o war e todos os arquivo estão lá, já tem seguir tudo quando e tutorial com problemas semelhantes mas nenhum resolveu. Abaixo mais informações,.

      Versão do java na aplicacao 11
      Versão do jva no servidor 11
      Versão do tomcat no servidor 8.5.55
       
      minha classe principal
      package br.com.masterplastfitas; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.boot.builder.SpringApplicationBuilder; import org.springframework.boot.web.servlet.support.SpringBootServletInitializer; @SpringBootApplication public class MasterApplication extends SpringBootServletInitializer { public static void main(String[] args) { SpringApplication.run(MasterApplication.class, args); } @Override protected SpringApplicationBuilder configure(SpringApplicationBuilder builder) { return builder.sources(MasterApplication.class); } } meu pom.xml
      <?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.7.2</version> <relativePath /> <!-- lookup parent from repository --> </parent> <groupId>masterplast</groupId> <artifactId>Master</artifactId> <version>2.0</version> <packaging>war</packaging> <name>Master</name> <description>Aplicação web </description> <properties> <java.version>11</java.version> </properties> <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-jdbc</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-mail</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-devtools</artifactId> <scope>runtime</scope> <optional>true</optional> </dependency> <dependency> <groupId>com.microsoft.sqlserver</groupId> <artifactId>mssql-jdbc</artifactId> <scope>runtime</scope> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-test</artifactId> <scope>test</scope> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-security</artifactId> </dependency> <dependency> <groupId>org.springframework.security</groupId> <artifactId>spring-security-test</artifactId> <scope>test</scope> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> <dependency> <groupId>org.thymeleaf.extras</groupId> <artifactId>thymeleaf-extras-springsecurity5</artifactId> </dependency> <dependency> <groupId>org.mindrot</groupId> <artifactId>jbcrypt</artifactId> <version>0.4</version> </dependency> <dependency> <groupId>com.itextpdf</groupId> <artifactId>itextpdf</artifactId> <version>5.5.0</version> </dependency> </dependencies> <build> <plugins> <!-- <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> </plugin> --> </plugins> </build> </project>  
    • By Stephhany909
      While trying to persist an object with an attribute of type Point, defined as follows:
       
      @Entity @Table(name = "event") public class Event { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) @Column(name = "id") private long id; @Column(columnDefinition = "POINT") private Point coordinate; } I'm getting the error Data truncation: Cannot get geometry object from data you send to the GEOMETRY field.
      The corresponding database table is defined as follows:
       
      create table event ( id bigint not null auto_increment, coordinate POINT, primary key (id) ) engine= InnoDB; What am I missing?
       
×

Important Information

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