newbie question: who clicked on me?

O

oddvark

Hi I have a simple question. From a click event, how do I find out
what element triggered it? In delphi there was a property called
"sender" which was the sender.

Heres an example of what I'm doing:

jQuery('#buttonA, #buttonB').bind('click', function()
{
if sender is buttonA
do something
else
do something else.
});


I would like it to be the same function just in one part it has to do
one thing if the sender is something otherwise it does something
else. Thanks!
 
L

Lee

Hi I have a simple question.  From a click event, how do I find out
what element triggered it?  In delphi there was a property called
"sender" which was the sender.

Heres an example of what I'm doing:

    jQuery('#buttonA, #buttonB').bind('click', function()
    {
        if sender is buttonA
            do something
        else
           do something else.
    });

I would like it to be the same function just in one part it has to do
one thing if the sender is something otherwise it does something
else.  Thanks!
Click to expand...

I do not know delphi but this sounds similar:

<body>
<input type="button" id="buttona" name="buttona" value="Button A"
onclick="dosomething(this)">
<input type="button" id="buttonb" name="buttonb" value="Button B"
onclick="dosomething(this)">

<script>
function dosomething(o) {
if(o.id == "buttona") {
do something
} else {
do something else
}
}
</script>
</body>
 
R

RobG

Hi I have a simple question. From a click event, how do I find out
what element triggered it? In delphi there was a property called
"sender" which was the sender.

Heres an example of what I'm doing:

jQuery('#buttonA, #buttonB').bind('click', function()
Click to expand...

If you want information specifically about jQuery, ask in a jQuery
forum. If you want to know how to do it generically using javascript,
then this is the place.

{
if sender is buttonA
do something
else
do something else.
});

I would like it to be the same function just in one part it has to do
one thing if the sender is something otherwise it does something
else.
Click to expand...

The event object related to the click event has properties of either
target (W3C event model) or srcElement (IE event model).

There is a good introduction to events at the link below that will
give you enough to get started:

<URL: http://www.quirksmode.org/js/introevents.html >
 
O

oddvark

Unfortunately I cant pass in the object as a parameter to the call.
The click function takes no parameters.
 
O

oddvark

If you want information specifically about jQuery, ask in a jQuery
forum. If you want to know how to do it generically using javascript,
then this is the place.



The event object related to the click event has properties of either
target (W3C event model) or srcElement (IE event model).

There is a good introduction to events at the link below that will
give you enough to get started:

<URL:http://www.quirksmode.org/js/introevents.html>
Click to expand...

Thanks Rob. Let me try the srcElement property.
 
L

Lee

Thanks Rob.  Let me try the srcElement property.- Hide quoted text -

- Show quoted text -
Click to expand...

oh, ok try:

<body>
<input type="button" id="buttona" name="buttona" value="Button A"
onclick="dosomething()">
<input type="button" id="buttonb" name="buttonb" value="Button B"
onclick="dosomething()">

<script>
function dosomething() {
if(event.srcElement.id == "buttona") {
do something
} else {
do something else
}
}
</script>
 
S

Stanimir Stamenkov

Tue, 3 Jun 2008 15:44:50 -0700 (PDT), /oddvark/:
Hi I have a simple question. From a click event, how do I find out
what element triggered it? In delphi there was a property called
"sender" which was the sender.

Heres an example of what I'm doing:

jQuery('#buttonA, #buttonB').bind('click', function()
{
if sender is buttonA
do something
else
do something else.
});
Click to expand...

As others have noted the W3C standard Event [1] interface has a
'target' property. IE's event [2] however doesn't support it but
has a 'srcElement' serving the same purpose. As you seem to use
jQuery you may take a look at its documentation [3]. There you'll
find it normalizes this difference allowing you to use it uniformly.

[1] <http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-Event>
[2] <http://msdn.microsoft.com/en-us/library/ms535863(VS.85).aspx>
[3] <http://docs.jquery.com/Types#Event>,
<http://docs.jquery.com/Types/Event>
 
T

Thomas 'PointedEars' Lahn

Lee said:
oh, ok try:
Click to expand...

I don't have to in order to know that it will break.
<body>
<input type="button" id="buttona" name="buttona" value="Button A"
onclick="dosomething()">
<input type="button" id="buttonb" name="buttonb" value="Button B"
onclick="dosomething()">

<script>
Click to expand...

Not Valid --> http://validator.w3.org/
function dosomething() {
if(event.srcElement.id == "buttona") {
Click to expand...

This will break with a TypeError in !(MSHTML || Opera) because `event'
cannot be resolved. Even if it could because someone would have passed
the local event object reference as an argument called so, it would break
with a TypeError because it would not have the MSHTML-proprietary
`srcElement' property and so undefined.id could not be resolved.

Please trim your quotes to the minimum required to retain context.


PointedEars
 
S

Stanimir Stamenkov

Tue, 3 Jun 2008 17:43:39 -0700 (PDT), /oddvark/:
Unfortunately I cant pass in the object as a parameter to the call.
The click function takes no parameters.
Click to expand...

You're wrong. Check with your documentation
 
T

Thomas 'PointedEars' Lahn

Thomas said:
Lee said:
function dosomething() {
if(event.srcElement.id == "buttona") {
Click to expand...

This will break with a TypeError in !(MSHTML || Opera) because `event'
cannot be resolved. [...]
Click to expand...

Correction: It will be a ReferenceError.


PointedEars
 
Á

Álvaro G. Vicario

oddvark escribió:
Hi I have a simple question. From a click event, how do I find out
what element triggered it? In delphi there was a property called
"sender" which was the sender.

Heres an example of what I'm doing:

jQuery('#buttonA, #buttonB').bind('click', function()
{
if sender is buttonA
do something
else
do something else.
});
Click to expand...

In jQuery I believe it is:

$(this)

I can't find the exact documentation page but I've seen it in some of
the examples like:

http://docs.jquery.com/Events/bind#typedatafn
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

I am trying to detect Which image id="" was clicked ? 22
Make 'Image X' spin 360deg on y-Axis until reset button clicked 1
Can someone tell me what's wrong with this question on StackOverflow? 0
Can anyone code this for me ? 1
Button Clicked? 0
I need some help on a format issue that should be simple for someone here (but not me!) 0
[HELP] Add-on - Twitch chat input 0
I need help in understanding these files on my phone, Could someone help me understand these files? Urgent help needed. Please help. 4

Members online

Total: 2,661 (members: 3, guests: 2,658)
Robots: 145

Forum statistics

Threads
474,141
Messages
2,570,817
Members
47,365
Latest member
BurtonMeec

Latest Threads

Top