code to get a parent spans id attribute

[mr_burns]

Hi,
I am trying to pass a value of a <span> tag's id attribute to a
function. The following code is a stripped down version of what im
trying to do:

<span id="6">Name: <input name="name" type="text"><span
onClick="dosomething(???);" style="cursor:hand;">Do It!</span></span>

Where there is a <span> tag with an event handler, onClick, i want to
replace the ??? with something that will get the value of the parent
span tag, which in the above case would be '6'. i dont want to simply
enter 'dosomething(6)' as the innerHTML of the <span> tag will swap
between other <span> tags with different attribute values. if the code
could also be relative if possible too. any help would be great
because im almost finished my script. cheers

burnsy

[Michael Winter]

On 4 Apr 2004 14:33:36 -0700, mr_burns <bi******@yahoo.co.uk> wrote:

I am trying to pass a value of a <span> tag's id attribute to a
function. The following code is a stripped down version of what im
trying to do:

<span id="6">Name: <input name="name" type="text"><span
onClick="dosomething(???);" style="cursor:hand;">Do It!</span></span>

[snip]

<span ... onclick="dosomething(this.id)">

A quick question, though: what are you going to use the id value for? If
it's simply to get a reference to the element with document.getElementById
or document.all, save yourself the trouble and pass the element reference
itself:

<span ... onclick="dosomething(this)">

Good luck,
Mike

--
Michael Winter
M.******@blueyonder.co.invalid (replace ".invalid" with ".uk" to reply)

[Lasse Reichstein Nielsen]

bi******@yahoo.co.uk (mr_burns) writes:

I am trying to pass a value of a <span> tag's id attribute to a
function. The following code is a stripped down version of what im
trying to do:

<span id="6">Name: <input name="name" type="text"><span
onClick="dosomething(???);" style="cursor:hand;">Do It!</span></span>
First of all, "6" is not a valid value for the id attribute. HTML
ID's must start with a letter or underscore. I assume you are using
IE (since you use the IE specific "cursor:hand" and not the valid CSS
"cursor:pointer"). Don't expect other browsers to be as lenient wrt.
incorrect HTML.

(I assume the next to last </span> should be </a>)
Where there is a <span> tag with an event handler, onClick, i want to
replace the ??? with something that will get the value of the parent
span tag, which in the above case would be '6'.

You can use the W3C DOM to find the parent span tag:
onclick="dosomething(this.parentNode.id);"

/L
--
Lasse Reichstein Nielsen - lr*@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'