LGcs Postado Fevereiro 17, 2009 Denunciar Share Postado Fevereiro 17, 2009 Bom eu tenho uma pagina em html, com alguns campos par digitar valores.. Eu gostaria que quando o cursor passar em cima de um certo campo uma imagem fosse aberta ao lado do campo.. parece ser muito facil de fazer so q não sei, eu já sei montar a condição if, so q não sei como fazer para quando o cursor passar em cima abrir e quando ele sair fechar a image.Queria fazer isso em javascript..Não sei se fui muito claro mas se alguém puder me ajudar eu agradeço.valeu Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jonathan Queiroz Postado Fevereiro 17, 2009 Denunciar Share Postado Fevereiro 17, 2009 Você deve utilizar os eventos onmouseout e onmouseover !Você criar uma div e modificar o seu conteúdo de acordo com esses eventos !Um exemplo de código seria o seguinte:function MudaImagem(url_da_imagem){ document.getElementById("div_minha_imagem").innerHTML="<img src='"+url_da_imagem+"'>" } function RemoveImagem(){ document.getElementById("div_minha_imagem").innerHTML="" } E o HTM ficaria assim: <input type="text" onmouseover="MudaImagem('primeira_imagem.jpg')" onmouseout="RemoveImagem()" value="Campo 01"> <input type="text" onmouseover="MudaImagem('qualquer_imagem.jpg')" onmouseout="RemoveImagem()" value="Outro campo aqui">Qualquer dúvida posta aí ! Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 LGcs Postado Fevereiro 17, 2009 Autor Denunciar Share Postado Fevereiro 17, 2009 Você deve utilizar os eventos onmouseout e onmouseover !A ta, saquei como q funciona, e pra por exemlplo, eu estou la preechendo o formulario e na hora q eu for digitar no proximo campo a imagem apareça. Ai já não é o cursor do mouse né, é alguma outra função. Ai nesse caso eu uso como?valeu pela atençao ai cara Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jonathan Queiroz Postado Fevereiro 17, 2009 Denunciar Share Postado Fevereiro 17, 2009 Como assim quando você for digitar o campo ??Se você está se referindo a quando o campo ganha foco (teclando "tab", clicando no item, etc.) você pode utilziar o evento onfocus Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 LGcs Postado Fevereiro 18, 2009 Autor Denunciar Share Postado Fevereiro 18, 2009 A é isos mesmo, quando agente aperta tab mesmo, eu não soube explicar, desculpa..Mas então é so substituir la naquilo q você falo por onfocus né belezavaleu Citar Link para o comentário Compartilhar em outros sites More sharing options...
0 Jonathan Queiroz Postado Fevereiro 18, 2009 Denunciar Share Postado Fevereiro 18, 2009 É só substituir o evento onmouseover pelo onfocus...Quando ele perde o foco você pode usar o evento onblurQualquer dúvida posta aí ! Citar Link para o comentário Compartilhar em outros sites More sharing options...
Pergunta
LGcs
Bom eu tenho uma pagina em html, com alguns campos par digitar valores.. Eu gostaria que quando o cursor passar em cima de um
certo campo uma imagem fosse aberta ao lado do campo.. parece ser muito facil de fazer so q não sei, eu já sei montar a condição if,
so q não sei como fazer para quando o cursor passar em cima abrir e quando ele sair fechar a image.
Queria fazer isso em javascript..
Não sei se fui muito claro mas se alguém puder me ajudar eu agradeço.
valeu
Link para o comentário
Compartilhar em outros sites
5 respostass a esta questão
Posts Recomendados
Participe da discussão
Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.