1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Javascript - onclick cancelar mouseout

Discussão em 'Web Development' iniciada por eRKULIX, 29 de Abril de 2009. (Respostas: 2; Visualizações: 1304)

  1. eRKULIX

    eRKULIX Suspenso

    Tenho uma imagem que com mouseover muda para outra e quando se faz mouseout volta a original, no entanto quero que caso se clique na imagem a imagem não volte à original.

    Fiz isto:
    Código:
    function mouseOver()
    {
    document.getElementById("btn").src="primeira.png"
    }
    function mouseOut()
    {
    document.getElementById("btn").src="segunda.png"
    }
    function mouseClick()
    {
    document.getElementById("btn").src="primeira.png"
    }
    
    
    <a href="#" onmouseover="mouseOver()" onmouseout="mouseOut()" onclick="mouseClick()"><img src="primeira.png" id="btn" /></a>
    
    Mas apesar da ordem sempre que o cursor sai da imagem a imagem volta à primeira, portanto penso que devo ter de colocar na function mouseClick algo para cancelar o mouseOut, como posso fazer isso?


    Obrigado
     
  2. unsilent

    unsilent Power Member

    Podes fazer isso da várias maneiras, tenta algo do género:
    Código:
    var i=0;
    function mouseOver()
    {
    document.getElementById("btn").src="primeira.png"
    }
    function mouseOut()
    {
    if(i==0){document.getElementById("btn").src="segunda.png"}
    }
    function mouseClick()
    {
    document.getElementById("btn").src="primeira.png";
    i=1;
    }
     
  3. p3dro

    p3dro Power Member

    Se alterares o onclick="mouseClick()" para onclick="mouseOver()" não funciona?
     

Partilhar esta Página