Abrir janela ao passar o mouse.

[donny_ 0]

Bom galera, tenho algumas imagens em meu site e gostaria que quando o usuario passasse o mouse em cima dele abrisse uma janelinha explicando a respeito dos campos do formulario, tpw, tenho um campo no formulario e ao lado tenho uma imagem de "?", qd o usuario ficar em duvido ao preencher o campo, ele vai passar o mouse em cima dessa imagem, dai vai abrir tipo um banner flutuante onde vou tirar as duvidas sobre o campo, nao sei se postei no lugar certo, mais creio que isso é feito em JS ou DHTML... se alguem puder me ajudar fico muito gratos... obrigado a todos, vlw...

[andreia_sp 1]

Voce pode fazer usando DIV (Trabalhando com a propriedade display [none/block]), tambem tem o thickbox, lightbox, etc..

se o caso for simples, usa div mesmo

[donny_ 0]

andreia, valeu pela dica, mais como faria? coloco a div como display:none, e ao passar o mouse em cima da imagem qual o codigo?? vlww...brigado..

[amdoim 0]

CODE

css
.sair {
display: none;
}


js

function isconder (id) {
var bijeto = document.getElementById(id);
if(bijeto.className == "sair") {
bijeto.className = "";
} else {
bijeto.className = "sair";
}
}

agora é soh usar como quiser tipo : onmouseover="isconder ('id')" onmouseout="isconder ('id')"

é soh isso (eu axo asuhuhs)

abraçu

[donny_ 0]

Bom gente, agradeço a todos pelas dicas, consegui fazer com o seguinte codigo:

 

<a href="#" OnMouseOver="window.dados.style.visibility='visible'"
OnMouseOut="window.dados.style.visibility='hidden'">
Abrir</a>


<div id="dados" style="visibility:hidden;position:absolute;top:15;left:40">
- conteudo
</div>

o unico problema é que no Firefox não funciona, alguem pode me dizer como resolver isso?? vlw... obrigado...

[William Bruno 1501]

Erro de CSS? =P

sempre declare as tuas unidades.

top:15px;left:40px">

E como a Andrea citou, o display:none, é melhor, pois assim, você realmente tira o elemento de cena... com o hidden, apenas "esconde".. mas continua ocupando espaço. Ah sim:

<a href="#" OnMouseOver="getElementById('dados').style.display='block'"
OnMouseOut="getElementById('dados').style.display='none'">
Abrir</a>
<div id="dados" style="position:absolute;top:15px;left:40px">
- conteudo
</div>

[donny_ 0]

tiu uiLL, vlw pela dica, mais ainda mesmo assim não funciona no Firefox, onde deve estar o erro?? Obrigado e aguardo respostas.... vlwwwww.... brigado.

[//Coder 0]

no meu ff funciona direitinho.

a unica coisa é que a div dados já e exibida desde o inicio. mas isso é só declarar pra iniciar invisivel.

porem o que voce quer fazer da pra fazer tranquilamente só com css

[William Bruno 1501]

A idéia é fazer um tooltip?

http://www.maujor.com/dicas/tooltip.php

 

http://www.maujor.com/tutorial/menutooltip.php

[luizsnpjr 0]

bOM DIA GALERA....

A respeito da resposta do "tiu uiLL", tem como você não determinar aonde vai aparecer o div? eu queria que ele aparecesse na frente do link que o chama, indiferente a posição do mesmo!

 

Dá pra fazer isso?, tipo o cifra club, as cifras aparecem em qualquer lugar, sem posição determinada!

 

Valeu.

[donny_ 0]

tiu uiLL, com esse link deu certinho, abriu em todos browser que testei, muito obrigado tiu uiLL, vlw mesmo.... abçs....

[Eddy Goulart 2]

Você pode ultilizar CSS no lugar de javascript..

 

uma dica apenas

um abraço

[donny_ 0]

Eddy, com o ToolTip é usado somente CSS... vlw pela dica.... abçsss a todos..... brigado...

[Eddy Goulart 2]

é msm. não li os posts inteiro

heheehehe