[RESOLVIDO]Mostrar e esconder DIV com JavaScript

8 respostas
C

Estou fazendo um site, e em uma página quero listar todos os produtos, e sempre quando eu passar o mouse em cima de um produto, aparecer uma imagem e a descrição ao lado(dentro de uma div), e quando passar o mouse em outro produto, esconde a anterior e mostra a DIV atual, semelhante a este site: www.altopadraocorretora.com.br.
Como fazer isto em javascript?

8 Respostas

K

jQuery?

http://api.jquery.com/hover/

Erick_Ribeiro

Se quiser algo rápido, pode usar o jQuery como o kael sugeriu. Se vc gosta de fazer tudo na mão, pode desenvolver em JavaScript puro mesmo.
Não é difícil. Comece com algo parecido com isso(não vou fazer todo o código, mas dê uma aprofundada e poste as dúvidas que forem surgindo):

<div id="elemento">Hover me!</div>
<div id="hiddenEl" style="display:none">Now I am Visible</div>
<script>
    function showElement() {
        document.getElementById("hiddenEl").style.display = "block";
    }
    function hideElement() {
        document.getElementById("hiddenEl").style.display = "none";
    }
    document.getElementById("elemento").addEventListener("mouseover", showElement, false);
    document.getElementById("elemento").addEventListener("mouseout", hideElement, false);
</script>
C

Muito obrigado, erick

Já esta funcionando

Abraço

rildomar

Vei, tipo assim:

meu problema: estou precisando mostrar/esconder a alguem poderia me ajudar?? por favor? estou tentando de TUDO!

pra quando eu clicar lá no texto, ele mostrar e quando clicar de novo, ele esconder…

<span id="27_faq" onclick="mostrar('27');" style="cursor: pointer; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; color: #1A72D3;"> 27 ? Posso ter mais de uma conta de divulgador com o mesmo CPF? </span> <br> <span id="27" style="font-family: Verdana, Geneva, sans-serif; font-size: 11px; display: none;"> <p style="padding: 10px; background-color: #FFFACD; ">Sim, todo divulgador tem no máximo 90 dias para criar as demais contas a partir do 1º cadastro.<br>Mas só será permitido criar a conta abaixo do cadastro com o mesmo CPF.</p> </span>

Erick_Ribeiro

Pronto. Gerei um script que faz o que vc quer para esse caso. agora é só adaptar a sua necessidade. Qualquer dúvida, é só perguntar:

http://jsfiddle.net/sXRNc/

rildomar

Vlw Erik! :smiley:

Erick_Ribeiro

Disponha

J

O código abaixo mostra a DIV quando o usuário passa o mouse. Até aí tudo bem, mas eu queria que isso acontecesse somente uma vez, de preferência definido por cookie, alguém tem alguma ideia?
não entendo de javascript.

<script type="text/javascript">
function mostra() {
	document.getElementById('conteudo').style.display = 'block';
}
function esconde() {
	document.getElementById('conteudo').style.display = 'none';
}
</script>

<a href="#" onmouseover="javascript:mostra();" onmouseout="esconde();">Teste</a>
<div id="conteudo" style="display:none;">Conteudo da DIV</div>
Criado 4 de março de 2013
Ultima resposta 4 de nov. de 2014
Respostas 8
Participantes 5