How do i get the form handle

mareeus

Hi,

Let's say we have the following html code (a body with some forms):

<html>
<head>
</head>

<body>
<form name="form1" action="#">
<input type="image"
onmouseover="print_form_name()"
alt="Send"
value="1"
name="Send"
src="submit.gif"/>
</form>

<form name="form2" action="#">
<input type="image"
onmouseover="print_form_name()"
alt="Send"
value="2"
name="Send"
src="submit.gif"/>
</form>
</body>
</html>

I'm interested in the code of print_form_name() function. How can i
make it return the form handle, or run an alert with the form name, or
show me a list of controls of the current form (this is what i want).
Thanks in advance.

Regards,
Marius.

Apr 5 '07 #1

Subscribe Reply

3814

brunascle

On Apr 5, 1:13 pm, "mare...@gmail.com" <mare...@gmail.comwrote:

Hi,

Let's say we have the following html code (a body with some forms):

<html>
<head>
</head>

<body>
<form name="form1" action="#">
<input type="image"
onmouseover="print_form_name()"
alt="Send"
value="1"
name="Send"
src="submit.gif"/>
</form>

<form name="form2" action="#">
<input type="image"
onmouseover="print_form_name()"
alt="Send"
value="2"
name="Send"
src="submit.gif"/>
</form>
</body>
</html>

I'm interested in the code of print_form_name() function. How can i
make it return the form handle, or run an alert with the form name, or
show me a list of controls of the current form (this is what i want).
Thanks in advance.

Regards,
Marius.

well, here's a kind of fragile way to do it:

alert(this.parentNode.name);

in other words, your HTML would look like <input ...
onmouseover="alert(this.parentNode.name);" ... />

that should work, assuming that the <inputelement is the direct
child of the <formelement (like what you have now). if you were to,
say, put a table inside the <form>, and put the <inputinside the
table, it wouldnt work anymore because the code "this.parentNode"
would be getting the wrong element (probably a <tdor something like
that).

you could also try this:

alert(this.form.name);

it looks like that will work in firefox, but i'm not sure about other
browsers. i dont think that way is "proper" DOM, but it would
certainly be easier.

Apr 5 '07 #2

Randy Webb

br*******@gmail.com said the following on 4/5/2007 2:26 PM:

On Apr 5, 1:13 pm, "mare...@gmail.com" <mare...@gmail.comwrote:
>Hi,

Let's say we have the following html code (a body with some forms):

<html>
<head>
</head>

<body>
<form name="form1" action="#">
<input type="image"
onmouseover="print_form_name()"
alt="Send"
value="1"
name="Send"
src="submit.gif"/>
</form>

<form name="form2" action="#">
<input type="image"
onmouseover="print_form_name()"
alt="Send"
value="2"
name="Send"
src="submit.gif"/>
</form>
</body>
</html>

I'm interested in the code of print_form_name() function. How can i
make it return the form handle, or run an alert with the form name, or
show me a list of controls of the current form (this is what i want).
Thanks in advance.

Regards,
Marius.

well, here's a kind of fragile way to do it:

alert(this.parentNode.name);

Very very fragile.

in other words, your HTML would look like <input ...
onmouseover="alert(this.parentNode.name);" ... />

that should work, assuming that the <inputelement is the direct
child of the <formelement (like what you have now). if you were to,
say, put a table inside the <form>, and put the <inputinside the
table, it wouldnt work anymore because the code "this.parentNode"
would be getting the wrong element (probably a <tdor something like
that).

you could also try this:

alert(this.form.name);

And it will always work if the form has a name and if the input element
is a child of a form.

it looks like that will work in firefox, but i'm not sure about other
browsers.

It does.

i dont think that way is "proper" DOM, but it would certainly be easier.

Why wouldn't it be? Form control was around long before the concept of a
"proper DOM".

--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/

Apr 5 '07 #3

spam

ma*****@gmail.com wrote:

Hi,

Let's say we have the following html code (a body with some forms):

<html>
<head>
</head>

<body>
<form name="form1" action="#">
<input type="image"
onmouseover="print_form_name()"
alt="Send"
value="1"
name="Send"
src="submit.gif"/>
</form>

<form name="form2" action="#">
<input type="image"
onmouseover="print_form_name()"
alt="Send"
value="2"
name="Send"
src="submit.gif"/>
</form>
</body>
</html>

I'm interested in the code of print_form_name() function. How can i
make it return the form handle, or run an alert with the form name, or
show me a list of controls of the current form (this is what i want).

Instead of

onmouseover="print_form_name()"

use onmouseover="print_form_name(this)"

Then your JS for

print_form_name()

becomes

function print_form_name(x) { // x is the passed parameter
theFormName = x.form.name; //string
alert(theFormName);
theForm = document.forms[theFormName]; //the form object
theElem = theForm.elements; //collection of the form's elements
}

Apr 5 '07 #4

Lee

no said:

>
ma*****@gmail.com wrote:
>Hi,

Let's say we have the following html code (a body with some forms):

<html>
<head>
</head>

<body>
<form name="form1" action="#">
<input type="image"
onmouseover="print_form_name()"
alt="Send"
value="1"
name="Send"
src="submit.gif"/>
</form>

<form name="form2" action="#">
<input type="image"
onmouseover="print_form_name()"
alt="Send"
value="2"
name="Send"
src="submit.gif"/>
</form>
</body>
</html>

I'm interested in the code of print_form_name() function. How can i
make it return the form handle, or run an alert with the form name, or
show me a list of controls of the current form (this is what i want).

Instead of

onmouseover="print_form_name()"

use onmouseover="print_form_name(this)"

Then your JS for

print_form_name()

becomes

function print_form_name(x) { // x is the passed parameter
theFormName = x.form.name; //string
alert(theFormName);
theForm = document.forms[theFormName]; //the form object

x.form already IS the form object.
In fact, if they set onmouseover="print_form_name(this.form)",
then x will be the form object.
--

Apr 5 '07 #5

mareeus

Thanks a lot. Very useful tips from all of you

Apr 15 '07 #6

Similar topics

Restricted access to a form?

by: Job Lot | last post by:

I have requirement where client has to call us to get a key to access a particular form. Secondly, I want the code to be valid for a day. Can some guide me in right direction to implement this...