Javascript calling object

[TiPeRa]

How can I get the name of the object calling a procedure through a DHTML event. So
that I can do the following:

CallingObject.style.left=XXX

At the moment I have a seperate procedure for each object.
TIA
-TiPaRa

[Psyrus]

Try:

event.srcElement.style.left=

[TiPeRa]

Hmmm, It sort of works. How can I get the type of object it returns. I tried event.srcElement.type but it just returns [object].
I need it to return the name of a table when the top cell is clicked.
TIA again
-TiPeRa

[benski]

You could do this (I'll show a possibility later), but I recommend you just alter the function definition to include an argument for the source of the event:

function foo(esource) {

  alert('Source Element = ' + esource);

}

If your event is currently called like this:

Example 1:

<table>
  <tr>
    <td id='elt1' onclick="foo()">Something</td>
  </tr>
  <tr>
    <td id='elt2' onclick="foo()">Something</td>
  </tr>
</table>

Just alter the function calls to be:

Example 2:

<table>
  <tr>
    <td id='elt1' onclick="foo('elt1')">Something</td>
  </tr>
  <tr>
    <td id='elt2' onclick="foo('elt2')">Something</td>
  </tr>
</table>

The code above should work cross browser/platform

Or... (possibly IE version specific)

Assuming you have the code as in Example 1, alter your function to be:

function foo() {

  alert('Source Element ID = ' + event.srcElement.id);

}

Is this what you wanted?

[TiPeRa]

Sorted, (maybe) just one more thing. How do I get the parent of the object:

<table id="tbltest">
<tr>
<td id='tdtest' onclick="foo()">Something</td>
</tr>
</table>

In this situation I need to get the tbltest object when tdtest is clicked. I could probably find it somewhere on MSDN but you're a lot more help ful.
-TiPeRa

[benski]

Surprisingly enough:

function foo() {

  alert('Source Element ID = ' + event.srcElement.parentElement.id);

}

This will give the id of the TR element which contains the TD. Here is the really surprising bit...

function foo() {

  alert('Source Element ID = ' + event.srcElement.parentElement.parentElement.parentElement.id);

}

This code gives the parent of the parent of the parent, which is the TABLE containing the TBODY containing the TR containing the TD

Cool??

[TiPeRa]

Thanks a lot. It works great now.
-TiPeRa