Javascript that detects class

[codingmasterRS]

Hi guys,

I have this img class

 

<img src="avatars/21.png" class="online" onMouseDown="if(event.button==2){alert('Initiate IM session');}" />

 

now what I need is to change toe onMouseDown event so that it has an additional IF, the additional IF needs to check if class="online" or their is no class.

 

Cheers in advance, tried googling couldn't find what I was after.

 

All help much appreciated,

[codingmasterRS]

NB: it must do it from a function and can use jquery

 

NEW:

<img src="avatars/21.png" class="online" onMouseDown="IM()" />

[requinix]

Forget the inline onmousedown:

$(function() {
    $("img.online").click(function() {
        alert("Works");
    });
});

[codingmasterRS]

requinix, thanks. But how do I get this to work? What do I put in the img tag?

[codingmasterRS]

NB: It needs to work for rightclick!

[codingmasterRS]

$(document).ready( function() {
    $("img.online").rightClick(function() {
        alert("Works");
    });
});

 

does not work

[requinix]

There is no .rightClick. Are you guessing?

 

If you need right-click too (why? that's not typical) then use .mousedown() and event.which for the button.

.mousedown(function(e) {
    if (e.which == 1 || e.which == 3) {
        // ...
    }
});

[fugix]

to detect which mouse button was clicked, thus giving you the abilty to act accordingly, take a look at the event.button attribute

[codingmasterRS]

http://abeautifulsite.net/blog/2008/05/jquery-right-click-plugin/

[codingmasterRS]

none of this is making sense, could you clarify and make it very clear please