Precisando de Cookie para dropdown com div que grave o drop e o div
E aí galera, tudo bom?
É o seguinte: estou construindo um site de notícias em Wordpress. E dentro do próprio site eu criei cerca de 6 páginas que será 6 Portais (cidades) diferentes, dentro do mesmo site. Mas isso não importa, é só pra vocês entenderem.
Mas o que eu quero? Preciso de "UM DROPDOWN + JQUERY/javascript + COOKIE" que grave o nome da cidade que o visitante escolheu + "DIV CORRESPONDENTE".
Pra que eu quero? Preciso mostrar a logomarca de cada cidade que ele escolheu. Aí ele entrar em todas as outras notícias de outras cidades como se fosse no Portal da cidade dele.
| cidade 1|
<div>aqui eu coloco o que eu quiser (logo em imagem ou include)<div>
| cidade 2|
<div> do mesmo que eu coloquei anteriormente </div>
Tenho este abaixo, que é perfeito, mas ele não tem cookie e o primeiro div não fica ativo quando entra na página.
<html>
<head>
<script language="Javascript">
function showDiv(div)document.getElementById("plano1").className = "invisivel";
document.getElementById("plano2").className = "invisivel";
document.getElementById("plano3").className = "invisivel";
document.getElementById("plano4").className = "invisivel";
document.getElementById("plano5").className = "invisivel";
document.getElementById("plano6").className = "invisivel";
document.getElementById(div).className = "visivel";
}
</script>
<style></style>
</head>
<body>
<select id="combobox" name="combobox" onchange="showDiv(this.value);">
<option value="plano0">Escolha a cidade</option>
<option value="plano1">Cidade 1</option>
<option value="plano2">Cidade 2</option>
<option value="plano3">Cidade 3</option>
<option value="plano4">Cidade 4</option>
<option value="plano5">Cidade 5</option>
<option value="plano6">Cidade 6</option>
</select>
<div id="plano0" class="invisivel">Logo Padrão</div>
<div id="plano1" class="invisivel">Logo Cidade 1</div>
<div id="plano2" class="invisivel">Logo Cidade 2</div>
<div id="plano3" class="invisivel">Logo Cidade 3</div>
<div id="plano4" class="invisivel">Logo Cidade 4</div>
<div id="plano5" class="invisivel">Logo Cidade 5</div>
<div id="plano6" class="invisivel">Logo Cidade 6</div>
</body>
</html>Discussão (5)
Carregando comentários...