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 michel a. medeiros
      Curso de Java para iniciantes.
       
      https://www.udemy.com/curso-java-para-iniciantes/?couponCode=IMASTER
       
      Acesse
    • By lucianfpaula
      Olá saudações, tenho a seguinte duvida, dentro de uma div vou ter varios campos de texto, seja h1, p, smaill etc.. a minha duvida é a seguinte: como manipular a cor de um texto selecionado, tipo tenho um <h1>Minha texto que pode ser grande, quero mudar essa cor</h1> tem varios editor que usam textarea, mas queria saber se é possivel fazer isso a partir de qualquer tag. tipo seleciono o texto e clico em um botão com a cor que quero e mude o texto selecionado.
       
      Muito obrigado
    • By peterstefan
      Bom dia, estou fazendo uma cadastro via rest e estou utilizando o curl para cadastrar no webservice...
      Meu código está cadastrando tudo certinho, porem quando ele cadastra e mostra o retorno que foi cadastrado com sucesso ele fica o AGUARDE, CARREGANDO e não para.. não sei oque esta faltando pq já tentei varias coisas e não deu certo... 
       
       
       
      $Data = [ "nomeRazaoSocial" => $PostData['nomeRazaoSocial'], "identMF" => $PostData['identMF'], "email" => $PostData['email'], "telefone" => $PostData['telefone'], "senhaProvisoria" => $PostData['senhaProvisoria'] ]; $DataString = json_encode($Data); $curl = curl_init(WEBSERVICECADASTRO); curl_setopt($curl, CURLOPT_CUSTOMREQUEST, "POST"); curl_setopt($curl, CURLOPT_POSTFIELDS, $DataString); curl_setopt($curl, CURLOPT_RETURNTRANSFER, true); curl_setopt($curl, CURLOPT_HTTPHEADER, array( 'Content-Type: application/json', 'Content-Length: ' . strlen($DataString)) ); $result = curl_exec($curl); if ($result) { $jSON['success'] = "<i class='icon-checkmark'></i>Pronto, cadastro foi realizado com sucesso!"; }else{ $jSON['error'] = "<i class='icon-warning'></i>Oops! Erro ao cadastrar! Por favor, tente novamente!"; }  

       

    • By Augustomesquita
      Bom dia pessoal!
      Vocês também estão programando em primeira pessoa? Recentemente escrevi este artigo e gostaria de compartilhar a ideia com vocês.
      Pare de programar em primeira pessoa!
×

Important Information

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