Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

lucasjunior

Precisando de Cookie para dropdown com div que grave o drop e o div

Por , em Javascript

Recommended Posts

lucasjunior    0

lucasjunior
Postado

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>
.invisivel { display: none; }
.visivel { visibility: visible; }
</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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

lucasjunior    0

lucasjunior
Postado

Legal, Lucas. :yes:

O problema é que eu não seu mexer nessa linguagem que você especificou.

Eu já encontrei script que altera fundo e tal, mas não consegui transformar o código para a minha necessidade. Acredito não ser tão complicado. Só não consegui.

A minha ideia é parecida com a do G1, apesar que ele não grava a logo. Já o catraca livre é um bom projeto que eu não conhecia. Mas ele limita a acessar os outros estados. E o meu caso é muito simples: Quero apenas que fique uma logo da cidade do usuário quando ele escolher. O cookie pode gravar isso. Na logo eu coloco um link.

Mas valeu o apoio. Te agradeço mesmo! :yes: .


Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

lucasjunior    0

lucasjunior
Postado

Não. O conteúdo não vai mudar. Até que precisaria, mas não há necessidade.
Só vai mudar a logo ou o que houver dentro da DIV.

Eu dei uma olhada no Server-Side e achei interessante. Vou me aprofundar para fazer o esquema da Catraca Livre que na verdade é daquele jeito que seria. Mas vou deixar para um futuro próximo.

Mas mudando só a logo já funciona pra mim.

Tenho tentado fazer algumas alterações em outros códigos mas não consegui,

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito