function call?

[Dennis Allen]

Hi. Question. Say I have <a onclick=' return Outline(this)' onmouseover=' return Outline(this)'>. How could I determine in Outline() that it was launched from a mouseover, as opposed to onclick?

[Dietmar Meier]

Dennis Allen wrote:

Hi. Question. Say I have <a onclick=' return Outline(this)'
onmouseover=' return Outline(this)'>. How could I determine in
Outline() that it was launched from a mouseover, as opposed to
onclick?
function Outline(oElement, oEvent) {
var sType = oEvent && oEvent.type || "unknown";
alert(sType);
}
....
<a ...
onclick="return Outline(this, event)"
onmouseover="return Outline(this, event)"

ciao, dhgm

[Evertjan.]

Dietmar Meier wrote on 06 feb 2005 in comp.lang.javascript:

<a ...
onclick="return Outline(this, event)"
onmouseover="return Outline(this, event)"

onclick="return Outline(this, 'onclick')"
onmouseover="return Outline(this, 'onmouseover')"
--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)

[Dietmar Meier]

Evertjan. wrote:

<a ...
onclick="return Outline(this, event)"
onmouseover="return Outline(this, event)"

onclick="return Outline(this, 'onclick')"
onmouseover="return Outline(this, 'onmouseover')"

That's no improvement at all.

ciao, dhgm

[Evertjan.]

Dietmar Meier wrote on 06 feb 2005 in comp.lang.javascript:

Evertjan. wrote:

<a ...
onclick="return Outline(this, event)"
onmouseover="return Outline(this, event)"

onclick="return Outline(this, 'onclick')"
onmouseover="return Outline(this, 'onmouseover')"

That's no improvement at all.

I think it is. Simplicity usually wins.
--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)

[Ivo]

"Evertjan." wrote

Dietmar Meier wrote

Evertjan. wrote:

onclick="return Outline(this, event)"
onmouseover="return Outline(this, event)"

onclick="return Outline(this, 'onclick')"
onmouseover="return Outline(this, 'onmouseover')"

That's no improvement at all.

I think it is. Simplicity usually wins.

Right, and passing the event with all event handlers is simpler than
hard-coding a different string with every mouseover, click and whathaveyou,
wouldn't you think?
--
Ivo

[Evertjan.]

Ivo wrote on 06 feb 2005 in comp.lang.javascript:

"Evertjan." wrote

Dietmar Meier wrote

> Evertjan. wrote:
>>> onclick="return Outline(this, event)"
>>> onmouseover="return Outline(this, event)"
>
>> onclick="return Outline(this, 'onclick')"
>> onmouseover="return Outline(this, 'onmouseover')"
>
> That's no improvement at all.

I think it is. Simplicity usually wins.

Right, and passing the event with all event handlers is simpler than
hard-coding a different string with every mouseover, click and
whathaveyou, wouldn't you think?

No.
--
Evertjan.
The Netherlands.
(Replace all crosses with dots in my emailaddress)

[Dietmar Meier]

Evertjan. wrote:

onclick="return Outline(this, event)"
onmouseover="return Outline(this, event)" onclick="return Outline(this, 'onclick')"
onmouseover="return Outline(this, 'onmouseover')"

That's no improvement at all.

I think it is. Simplicity usually wins.

It's not "simple" to write down a string that's already present
as a property of the event object, nor is it "simple" to write
different code for different event handlers where a versatile
variant can be just copied&pasted.

Beyond that you make it harder to maintain: if I have a typo
like "return Outline(this, ebent)", I will most likely get an
error or exeption in this very line, e.g. telling me that there
is no such property. If you have a typo like "return Outline(
this, 'onclock')", you'll most likely get unexpected behaviour
in the function Outline(), thus not in the typo's place.

ciao, dhgm

[eric]

How about something like:
<script>
function myfun(good,stuff){
if (stuff.type=="click") theevent="click event"
if (stuff.type=="mouseover") theevent="mouse over event"
alert(theevent)
}
</script>

<a id="fred" href="urlhere" onclick="myfun(this,event)"
onmouseover="myfun(this,event)" >Object stuff</a>

further details at:
http://www.webreference.com/js/column9/index.html

[eric]

How about something like:
<script>
function myfun(good,stuff){
if (stuff.type=="click") theevent="click event"
if (stuff.type=="mouseover") theevent="mouse over event"
alert(theevent)
}
</script>

<a id="fred" href="urlhere" onclick="myfun(this,event)"
onmouseover="myfun(this,event)" >Object stuff</a>

[eric]

Hi,
Howabout something like this:

<script>
function myfun(good,stuff){
if (stuff.type=="click") theevent="click event"
if (stuff.type=="mouseover") theevent="mouse over event"
alert(theevent)
}
</script>

<a id="fred" href="urlhere" onclick="myfun(this,event)"
onmouseover="myfun(this,event)" >Object stuff</a>

For (lots of ) details and browser compatibility check out:
http://www.webreference.com/js/column9/index.html

[Dennis Allen]

I was hoping for a way that didn't involve passing another parameter, but it'll work...Dennis

"eric" <er********@yahoo.com> wrote in message news:11**********************@l41g2000cwc.googlegr oups.com...

Hi,
Howabout something like this:

<script>
function myfun(good,stuff){
if (stuff.type=="click") theevent="click event"
if (stuff.type=="mouseover") theevent="mouse over event"
alert(theevent)
}
</script>

<a id="fred" href="urlhere" onclick="myfun(this,event)"
onmouseover="myfun(this,event)" >Object stuff</a>

For (lots of ) details and browser compatibility check out:
http://www.webreference.com/js/column9/index.html

[RobB]

Dennis Allen wrote:

I was hoping for a way that didn't involve passing another parameter, but it'll work...Dennis
"eric" <er********@yahoo.com> wrote in message

news:11**********************@l41g2000cwc.googlegr oups.com...

Hi,
Howabout something like this:

<script>
function myfun(good,stuff){
if (stuff.type=="click") theevent="click event"
if (stuff.type=="mouseover") theevent="mouse over event"
alert(theevent)
}
</script>

<a id="fred" href="urlhere" onclick="myfun(this,event)"
onmouseover="myfun(this,event)" >Object stuff</a>

For (lots of ) details and browser compatibility check out:
http://www.webreference.com/js/column9/index.html

Just for the sake of argument....

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>untitled</title>
<style type="text/css">

a {
width: 100px;
}
#t {
width: 100%;
height: 560px;
border: none;
font: 11px monospace;
}

</style>
<script type="text/javascript">

function Outline(e)
{
e = e || window.event;
if (e && (txt = document.getElementById('t')))
{
var p, c = [];
for (p in e)
c.push(p + ' ---> ' + e[p]);
txt.value = c.join('\n');
}
}

window.onload = function()
{
document.getElementById('t').value = '';
if (a = document.getElementsByTagName('a').item(0))
{
a.onmouseover = Outline;
a.onmouseout = Outline;
}
}

</script>
</head>
<body>
<a href="#">hoo-hah</a>
<textarea id="t"></textarea>
</body>
</html>