Ir para conteúdo
Fórum Script Brasil
  • 0

CURSOR


LGcs

Pergunta

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

  • 0

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í !

Link para o comentário
Compartilhar em outros sites

  • 0
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

Link para o comentário
Compartilhar em outros sites

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.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...