Jump to content
VCastilho

Função ao clicar no botão

Recommended Posts

Bom Dia

Consegui da seguinte forma, mas com faço para que o código selecionado substitua o antigo?

 

<!DOCTYPE html>
<html>
<body>
<style>
#filtrotopo {
      background: #484949;
}
}
#h4topo {
      text-align: center;
      color: white;
      font-size: 18px;
}



#form1 section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
h4 {

}

#form1 section label {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 10px;
  /* width: calc(100% / 5); */
  color: red;
  text-align: center;
}

@media screen and (max-width:768px) {
#form1  section label {
      margin-bottom: 20px;
      width: 100%;
  }
}
</style>
<div id="minhaEscolha"></div>
<div id = "filtrotopo">
<h4 style="text-align: center;" id="h4topo">Personalize</h4>

<form action="#" id="form1">

  <section>
      <label>
          <button onclick="exemplo1()"> 
              exemplo1</button>
      </label>
      <label>
          <button onclick="exemplo2()"> 
              exemplo2
          </button>
	  </label>
  
  </section>
</form>
<br>
</div>
<div id="teste1" style="display: none;">
<h3>Texto 1</h3>
<p>Sou o Texto 1</p>
<p>Tenho o nome de Texto 1</p>
</div>
<script>
function exemplo1() {
    var x = document.getElementById("url");
    var y = document.getElementById("minhaEscolha");
    y.innerHTML = x.innerHTML;
}
</script>

<script>
function exemplo2() {
    var x = document.getElementById("teste1");
    var y = document.getElementById("minhaEscolha");
    y.innerHTML = x.innerHTML;
}
</script>
	<body>
	</html>

 

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 Eli Lopes
      O código em JS abaixo alimenta o combobox "programas" com uma lista em Json de acordo com a escolha no combo "regioes".
       
      Mas como eu faço para alimentar o combobox "municípios" baseado no combo em "regiões" com a lista Json "combox-municipios.json" ?
       
      esolhe 1 programa -> alimenta regiões -> escolhe 1 região -> alimenta "município" (3 combos aninhados)...
       
      $(document).ready(function(){ $.getJSON('SIGPLAM2/javaScript/lista-regiao-programas.json', function(data){ var items = []; var options = '<option value="">escolha uma região</option>'; $.each(data, function(key, val){ options += '<option value="' + val.nome + '">' + val.nome + '</option>'; }); $("#regioes").html(options); $("#regioes").change(function(){ var options_programas = ''; var str = ""; $("#regioes option:selected").each(function(){ str += $(this).text(); }); $.each(data, function(key, val){ if(val.nome == str){ $.each(val.cidades, function(key_city, val_city){ options_programas += '<option value="' + val_city + '">' + val_city + '</option>'; }); } }); $("#programas").html(options_programas); }).change(); }); });  
    • By xdxddxd
      Galera neste site aqui tem umas setas em um accordion, e eu gostaria de saber como faço para elas se movimentarem a cada clique.
      se alguem conseguir algum link com tutorial ou me passar algum script eu sou imensamente agradecido.
      estou usando o accordion padrão do bootstrap 4+
      Clique neste: Exemplo
    • By Acir190
      Olá,
      Tenho um script para enviar dados para uma tabela do Google Spreadsheet mas nao consigo faze-la gravar uma das variáveis. 
       
      function doGet(e){
        var ss = SpreadsheetApp.openByUrl("https://docs.google.com/spreadsheets/d/1QVJWghiG5TJh1UhQLiOujOFc1KBNGy82v59Rm5zdD4/edit#gid=0");
        //Give your Sheet name here
        var sheet = ss.getSheetByName("Folha1");
        insert(e,sheet);
      }
      function doPost(e){
        var ss = SpreadsheetApp.openByUrl("Your Spread Sheet URL");
        //Give your Sheet name here
        var sheet = ss.getSheetByName("Folha1");
        insert(e,sheet);
      }
      function insert(e,sheet){
       
        // reciving scanned data from client i.e android app
        var sdata = e.parameter.sdata;
        
        var date = new Date()
       
        Var acesso = 'E' //Não consigo enviar esta variável para a planilha

        sheet.appendRow([date,sdata,acesso]);
        
      }
    • By Numero 0800
      Sei criar um botão e sei fazer com que a cada clique o numero de likes aumente, porem o meu problema é o seguinte... Como eu faço para com que cada pessoa só possa dar 1 like? Quero que a pessoa clique em Like mas após isso se ela clicar denovo ai diminui 1 Like ao invez de dar outro Like, e isso para todas as pessoas.
       
      OBS: Quero que isso seja possível sem a necessidade das pessoas terem que estar logadas no site, acredito então que seria baseado no IP da pessoa, se vocês puderem me exemplificar os diferentes métodos para este problema desde já agradeço.
       
      OBS: Só sei usar HTML, CSS e JavaScript.
    • By AlanB.
      Boa tarde galera, tudo bem? estou tentando aprender javascript, mas o que eu preciso fazer eu ainda não sei.
       
      Eu tenho o meu menu do site e logo abaixo tenho a section serviços e a section produtos. Eu queria que inicialmente o background do menu fosse azul, mas quando a pessoa desse um scroll e chegasse na section serviços, o background do menu alterasse a cor. Alguem pode me ajudar? 
×

Important Information

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