Discussion :

[remrem13]

Bonjour,
j'ai plusieurs submit sur la même page qui font appel à la même fonction javascript mais je n'arrive pas à les gérer. j'ai regardé sur le net mais je n'ai pas trouvé de solutions qui fonctionne.

C'est un cas un peu spécial, voici le code:

le javascript de la page "news_info":

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<script language=Javascript>
function bouton()
{
    document.envoi.submit();
}
</script>

la page en question :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
// debut article 24
<form action="/pages/news/news_unique.php" method="post" name="envoi">
<a onclick="javascript:bouton();">mon lien 1</a>
<input type="hidden" name="title" value="titre de l'article" />
          			<input type="hidden" value="news24.html" name="number" />
</form>    
 
BLA BLA BLA
// fin article 24
 
// debut article 25
<form action="/pages/news/news_unique.php" method="post" name="envoi">
<a onclick="javascript:bouton();">mon lien 2</a>
<input type="hidden" name="title" value="titre de l'article" />
          			<input type="hidden" value="news25.html" name="number" />
</form>    
 
BLA BLA BLA
// fin article 25

je récupère ensuite la valeur "number" qui me sert à afficher l'article voulu grâce à un include dans la page news_unique:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<?php
$number=$_POST["number"];
$title=$_POST["title"];
?>
 
<?php
include($number)
?>

si je n'ai qu'un formulaire dans la 1ère page cela fonction, mais si j'en ai plus ça ne marche plus...
je ne peux pas (a mon avis, et j'ai essayé) nommé les autres formulaires différemment car ma fonction javascript s'appelle "function bouton()" ...
je ne sais pas comment faire, auriez vous une astuce?

merci beaucoup!

[kernelfailure]

Il faudrait au minimum que tes forms aient des noms uniques ou des IDs que tu passes en paramètre

Sinon, tu passes 'this' en paramètre à ta fonction, et dans ta fonction tu remontes au FORM parent que tu submit(). (En supposant qu'on ait un node)

[andry.aime]

Bonjour,

<a onclick="javascript:bouton();">mon lien 2</a>

onclick attend déjà des instructions javascript donc vires le motif "javascript:"

[remrem13]

Bonjour,

onclick attend déjà des instructions javascript donc vires le motif "javascript:"

c'est fait merci

Il faudrait au minimum que tes forms aient des noms uniques ou des IDs que tu passes en paramètre

est-il possible de mettre quelque chose du genre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<script language=Javascript>
function bouton()
{
    document.nom_du_form_qui_change.submit();
}
</script>

avec nom_du_form_qui_change qui serai le nom ou l'ID du formulaire? si oui, comment le lui indiquer?

Sinon, tu passes 'this' en paramètre à ta fonction, et dans ta fonction tu remontes au FORM parent que tu submit(). (En supposant qu'on ait un node)

Après m'être renseigner sur les node, this ... j'avoue ne pas vraiment comprendre comment faire et cela me semble un peu complexe

[vermine]

Bonjour,

est-il possible de mettre quelque chose du genre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<script language=Javascript>
function bouton()
{
    document.nom_du_form_qui_change.submit();
}
</script>

avec nom_du_form_qui_change qui serai le nom ou l'ID du formulaire? si oui, comment le lui indiquer?

Ca ne marchera pas ainsi. Il faudra utiliser une autre syntaxe pour jouer avec le nom de variable. Ou bien faire une série de if, un par formulaire et d'encoder l'instruction avec le nom du formulaire en dur.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11

//Passage en paramètre de maVar
document.forms[maVar].submit();


//Série de if
if(maVar == "form1")
   document.form1.submit();
if(maVar == "form2")
   document.form2.submit();

[kernelfailure]

//Série de if
if(maVar == "form1")
document.form1.submit();
if(maVar == "form2")
document.form2.submit();
[/code]

Mais aussi:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document[formName].submit();

Après m'être renseigner sur les node, this ... j'avoue ne pas vraiment comprendre comment faire et cela me semble un peu complexe

Pas du tout. C'est très simple, voici un exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
<head>
<script>
function getTopForm (obj) {
	/* ... */
	alert(obj.parentNode.name);
	obj.parentNode.submit();
} 
</script>
</head>
<body>
<form method=post name="myTopForm">
<input name="rien" />
<a href="" onclick="getTopForm(this)">click me</a>
</form>
</body>
</html>