How to execute a Form by onClick: <a onClick="MM_callJS('submitform()')" >Voir tout</a>

by: jagadeesh_motamarriPosted on 2009-10-09 at 10:50:39ID: 25537197

You mean submit the form using onclick event?

<html>
    <head>
    <script language="JavaScript">
    <!--
    function submitForm(){
      if(document.myForm.myText.value == ""){
        alert("Please enter some text first");
      }else{
        document.myForm.mySubmit.click();
      }
    }
    -->
    </script>
    </head>
    <body>
    <form name="myForm">
    Please Enter some text and click the link.<br>
      <input type=TEXT value="" name="myText">
      <input type=SUBMIT value="Submit" name="mySubmit">
    </form>
    <br>
    <a href="javascript:submitForm()">Click here to submit the form</a>
    </body>
    </html>

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:

Select all Open in new window

by: experts1Posted on 2009-10-09 at 12:58:42ID: 25538320

bapak,

You need to use "javascript:submitform();" instead of "onClick(submitform();"
as follows

<a href="javascript:submitform();">Voir tout</a>

<html><head><title>Execute a Form by onClick</title>
<SCRIPT language=JavaScript type=text/javascript>
function submitform()
{
	document.annonce.submit()
}
</SCRIPT>
</SCRIPT></head>
<body>
<a href="javascript:submitform();">Voir tout</a>
 
<form  name="annonce" action="http://www.cominter.com/cgi-bin/annonce.exe" method="POST">
<input type="hidden" name="fileDir" value="/home/cominter/public_html/annonce/">
....
</form>
</body>
</html>

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:

Select all Open in new window

by: bapakPosted on 2009-10-10 at 08:02:46ID: 25542521

Now, how can I pass the name of the script (annonce) by function argument in order to call something like

submitform(annonce).

How should I modify the submitform() function with the embedded form name 'annonce' in order to make it general?

<SCRIPT language=JavaScript type=text/javascript>
function submitform()
{
document.annonce.submit()
}
</SCRIPT>


<SCRIPT language=JavaScript type=text/javascript>
function submitform(MyScript)
{
        document.MyScript.submit()
}
</SCRIPT>

1:
2:
3:
4:
5:
6:
7:

Select all Open in new window

by: experts1Posted on 2009-10-10 at 10:40:21ID: 25543017

bapak,

Thanks much!

To pass a string name, would look like this:

<a href='javascript:submitform("announce");'>Voir tout</a>

see updated example code below.

Regards

<html><head><title>Execute a Form by onClick</title>
<SCRIPT language=JavaScript type=text/javascript>
function submitform(script_name)
{
        alert(script_name);
	document.annonce.submit();
}
</SCRIPT>
</SCRIPT></head>
<body>
<a href='javascript:submitform("announce");'>Voir tout</a>
 
<form  name="annonce" action="deddie.jpg">
<input type="hidden" name="fileDir" value="/home/cominter/public_html/annonce/">
....
</form>
</body>
</html>

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:

Select all Open in new window

by: bapakPosted on 2009-10-11 at 06:44:16ID: 25545882

Thanks for this additional help, but why the script name (annonce) is still in the fonction body:

document.annonce.submit();

This should be more something like:

document.script_name.submit()

as script_name = annonce

am I wrong?

by: experts1Posted on 2009-10-11 at 09:41:59ID: 25546461

bapak,

I might have mis-understood your original question but:

The "announce" string in my example is just a function variable text string which was passed to the submitform() function to represent the name of a script, only that I assigned it as "announce" which happens to be similar to the form name "announce", otherwise it could be any other name or number, whatever..!

submit() is a method specific to the form object and is simply used to send the associated form data to the URL in the form's "action=" property.

Thus, "document.annonce.submit();" within the submitform() function just tells the browser to send the data associated with the form named "announce" to the form's "action=" URL.

Regards

by: bapakPosted on 2009-10-11 at 10:31:02ID: 25546619

experts1:

Finally what is the exact code?

by: experts1Posted on 2009-10-11 at 12:37:35ID: 25547058

bapak:

Just to be clear as to the code you need!

Please confirm if you need to submit the name of a script the along with the data within the submit form, or just to send the name of a function as a string parameter to a javascript function.

(1) If you need to send the name of a script with the submit form data then a simple hidden input textbox would be added within the form as per code snippet below:

(2) if you need to send the name of a function to call, as a string parameter to a javascript function then:
<a href='javascript:submitform("submitThisForm()");'>Voir tout</a>
as per code snippet below:

Regards

<html><head><title>Execute a Form by onClick</title>
<SCRIPT language=JavaScript type=text/javascript>
function submitform(script_name)
{
         if (script_name == "submitThisForm()")
           eval(script_name);
}
function submitThisForm()
{
	document.annonce.submit();
}
</SCRIPT>
</SCRIPT></head>
<body>
<a href='javascript:submitform("submitThisForm()");'>Voir tout</a>
 
<form  name="annonce" action="deddie.jpg">
<input type="hidden" name="fileDir" value="/home/cominter/public_html/annonce/">
<input type="hidden" name="script_name value="whatever the name of the script is>
....
</form>
</body>
</html>

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:

Select all Open in new window

Question

How to execute a Form by onClick

Subscribe now for full access to Experts Exchange and get

Instant Access to this Solution

<a onClick="MM_callJS('submitform()')" >Voir tout</a>

CGI Scripting

Scripting Languages

JavaScript

Trusted by hundreds of thousands everyday for fast, accurate and reliable tech support.

See what Experts Exchange can do for you.

Got a question?

We've got the answer.

Need individual assistance?

Our experts are ready to help.

Want to learn from the best?

Read articles from industry experts.

Working on a long term project?

Store your work and research.

What Makes Experts Exchange Unique?

Trusted by the world's most respected brands.

Faithfully serving IT professionals since 1996.

Related Solutions

Free Tech Articles

Cloud Class Webinars

Join the Community

Give a Little. Get a Lot.

Answers

3 Ways to Join

The Experts

The Experts

Testimonials

Testimonials

Testimonials

Business Clients

Business Clients

In the Press

In the Press

In the Press