[tempusfugitive]

I have a page element for which onMouseOver and onMouseOut call the same function. However, I want the function to do something different depending on which of these two events initiated it. Does Javascript include some sort of functionality to detect which event has triggered something?

I know that I can just make two versions of the function, or pass some sort of argument to differentiate between events, but I'm looking for something more elegant.

Thanks.

[MMJ]

Yes, post your code.

[tempusfugitive]

The elements are table data cells:

<td bgcolor="darkblue" id="glossary"
onMouseOver="resourcesMenu(id)"
onMouseOut="resourcesMenu(id)">
Glossary
</td>

and the function resourcesMenu() should combine the functionality of the following (previously used) two functions to change the cell text onmouseover and change it back onmouseout. I am passing in an id because I want to use resourcesMenu() for different table cells:

function glossaryMouseOver()
{
document.getElementById("glossaryCell").innerHTML='Site terms';
}

function glossaryMouseOut()
{
document.getElementById("glossaryCell").innerHTML='Glossary';
}

My plan was to have something like this:

function resourcesMenu(whichCell)
{
if(whichCell.onMouseOver)
change text;

if(whichCell.onMouseOut)
change text back;
}

[MMJ]

<td bgcolor="darkblue" id="glossary"
onMouseOver="resourcesMenu(id, event || window.event)"
onMouseOut="resourcesMenu(id, event || window.event)">
Glossary
</td> 

function resourcesMenu(whichCell, e)
{
if(e.type = 'mouseover')
change text;
else if(e.type = 'mouseout')
change text back;
}

not tested