cancel onmouseout if onclick fires?

[michaellunsford]

I have the click-state on an ajax page that's being undone by onmouseout. Any idea how to disable onmouseout so the click state stays?

 

<img src="image.jpg" onmouseover="this.src='image_over.jpg';" onmouseout="this.src='image.jpg';" onclick="this.src='image_down.jpg';" />

[phpQuestioner]

 

Yeah, don't change image src onmouseout

[mainewoods]

<script>var domouseout = true;</script>
<img src="image.jpg" onmouseover="this.src='image_over.jpg';" onmouseout="if (domouseout) this.src='image.jpg';" onclick="domouseout = false;this.src='image_down.jpg';" />

[michaellunsford]

Thanks mainewods. I implemented it, but problem was I have multiple mouseovers and only needed to disable the one with an active down state. I overcame it by assigning each image an id, and and comparing the id with the variable. Works great.

[emehrkay]

You should really remove it from being inline, it will be a lot easier to handle and you can do simple things like if else statements to do what you want

 

var element = document.getElementById('element_id');
var clicked = false;
element.onclick = function(){
    clicked = (clicked) ? false : true;\
    //do somehting
};

element.onmouseover = function(){
    if(!clicked){
        //do soemthing
    }
};