<script type="text/javascript">
function d(v){
document.getElementById('dd').innerHTML=v;
}
</script>

<span id="dd">This will change when I click the Input</span>

<form name="form">
<input type="text" name="input" onClick="d(?????);">
</form>

I'm not sure if this is possible but what I want to happen onClick is for the location of the input to appear in the <span> tags.
e.g - document.form.input

I just don't know what to put in the bit I marked ?????. I've tried 'this', 'this.location' and others but I can't seem to get it, is it possible?

this.value

Thanks Chris, but I'm not trying to ascertain the value of the input.
Rather, how if I was trying to pinpoint it in Javascript by writing something like:

document.form.input.value="whatever"

I just want the span to say the above except without the '.value="whatever"' bit.

So if I were to add that function to each of my form elements, the span change would happen with the location changing according to each element.

What in the world do you mean by "location"?

Not sure I understand, well I probably do just not sure how YOU want to implement it

because every element can have several references relative to it's parent, grandparent, great-grandparent etc etc.

do you just want to parse out the immediate parentage of the object?

Ok, here's what I'm trying to do or at least what I've done up to this point.

I've got AJAX to dynamically create me a form called 'pageform' within a <div>. Meaning that the form itself was never part of the source code on the original page, rather the form was generated by an external file that validated the PHP and sent via xmlHttp.responseText into the div.

So - I have a form inside a div.
Now I've filled in some details on this form in the div and click 'Send'. Another AJAX function takes over and tries to isolate each of the values I've entered in the form.

The problem arises that as the elements inside the form in the div were not part of the original document, I can't seem to use:
var password=document.pageform.password.value;

The div they're inside is called 'pagediv' the form thats generated is called 'pageform' the input is called 'password'.
So I tried something like this (pretty much knowing it wouldn't work):
var password=document.getElementById('pagediv').passwo rd.value;


So now what I'm asking is if anyone knows how to get the parentage of a form element, no matter where it may be, if its in the original source code, or if it was generated dynamically - so that I know what to put in to isolate the form elements I want in the .js file.

If any of you have any idea how I can get the parentage of the form elements within the div then please let me know. I've looked into layers and Level 1 DOM's but have no idea if I'm on the right track.

this.parentNode

The span just outputs: [object HTMLFormElement]

Yep it will, because that is what it is, an object. You have to extract the various attributes from the object.

this.parentNode.id
this.parentNode.name
this.parentNode.parentNode to go up the tree one branch

Welcome to Object Oriented Programming