Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa Tarde
Estou desenvolvendo um filtro que ao clicar nas opções, sobrepõe com novas opções e assim triando o meu publico aonde precisa
Segue o código que desenvolvi:
<!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;
}}
#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>
function exemplo2() {
var x = document.getElementById("teste1");
var y = document.getElementById("minhaEscolha");
y.innerHTML = x.innerHTML;
}
<body>
</html>
Poderiam me ajudar a finalizar esse código? No caso ele coloca na parte de cima o texto que quero, mas no caso vou substituir com um outro filtro desse, e o Exemplo 1 esta com "url" pois quero enviar para uma pagina mas não consigo fazer essa chamadaEntendo, não tinha reparado na tag </script> na verdade estava fazendo alguns testes e no meio deles devo ter esquecido de incluir dentro da tag, peço desculpas
O Css tinha um antigo ali, eu apaguei acabei esquecendo a chave
Coloquei "url" pois estava usando uma direto do PC, como vai ser alterada deixei apenas como referência, pois sei que a chamada não é a mesma, queria saber qual é a chamada certa....
Assim a função que preciso creio que é mais viável utilizar a Tag <if>, <else> e <ifelse> porém não tenho experiencias com as mesmas e não consigo desenvolve-las
Pois preciso assim, que ao clicar no botão 1 seja tudo substituído para outro painel.... e o Botão 2 para outro painel.... e assim por diante, pretendo fazer como se fosse uma "arvore"
1 2
1a 1b 2a 2b
1aa 1ab 1ba 1bc 2aa 2ab 2ba 2bb
Seria algo desse estilo... mas a função que utilizo agora ele não substitui mas sim apenas "injeta" o meu HTML
Consegue me ajuda?
Olha amigo seu fluxo de usabilidade tá muito estranho, você hoje clica no botão "exemplo2" exibe o conteúdo e triga o formulário, pra mim e como quisesse fazer 2 coisas mais sem deixar nada bem feito, pra mim ou você redireciona ou trabalha com dados.
obs: