Discussion :

[4rocky4]

Bonjour tout le monde,

j'ai un formulaire de création d'évènement. On saisie donc les différentes informations et je voudrai deux boutons qui permettent de sauvegarder mon formulaire mais avec une redirection différente :

Le premier qui revient à l'accueil et le deuxième qui va envoyer directement sur la réservation des véhicules.

Comment puis-je faire ces deux boutons sur ce même formulaire ?

Je vous remercie par avance

ps : La sauvegarde de mon formulaire se fait par une fonction Javascript.
Dans cette fonction, la fonction submit() me permet de revenir sur le formulaire et d'afficher la page indiqué dans le FORM.

[Nnay_]

en gros, tu voudrais 2 boutons qui enverraient ton formulaire, et l'utilisateur clique sur l'un ou l'autre pour valider et être redirigé ?

c'est un peu bizarre 2 boutons, puisque l'envoi de ton form est géré en JS, pourquoi pas afficher une confirm() avec un texte proposant d'aller à la page vehicules, et annuler redirigerait vers l'accueil...

[Vil'Coyote]

Bonjour tout le monde,

j'ai un formulaire de création d'évènement. On saisie donc les différentes informations et je voudrai deux boutons qui permettent de sauvegarder mon formulaire mais avec une redirection différente :

Le premier qui revient à l'accueil et le deuxième qui va envoyer directement sur la réservation des véhicules.

Comment puis-je faire ces deux boutons sur ce même formulaire ?

Je vous remercie par avance

ps : La sauvegarde de mon formulaire se fait par une fonction Javascript.
Dans cette fonction, la fonction submit() me permet de revenir sur le formulaire et d'afficher la page indiqué dans le FORM.

2 boutons , 2 adresse différentes donc deux formulaires .

[4rocky4]

Actuellement j'ai un bouton "Sauvegarder" qui, lors du clique, exécute la fonction dans un fichier Javascript pour sauvegarder toutes ces données et la redirection se fait vers l'adresse indiqué dans le <FORM>.

Donc si je comprends bien, je ne peux pas ajouter un autre bouton qui fait exactement la même chose sauf que la redirection change ?
Je sais que dans un FORM on met une seule adresse mais il y a peut être une combine ... Enfin j'espère

[Nnay_]

a la limite je comprends qu'il y ai une fonction JS qui permet d'envoyer un formulaire dans le cas d'un truc AJAX ou sans rechargement de page, mais là je pige pas vraiment !

quel est l'intérêt de sauvegarder ses données avec JS et ensuite envoyer l'utilisateur sur une autre page ?

autant utiliser le mécanisme des formulaires:
un formulaire qui envoie les données saisies à une page, page chargée de les sauvegarder, et ensuite éventuellement une redirection vers une autre page (accueil ou véhicules)

[4rocky4]

Alors en fait, je modifie un outil récupérer sur le web (gestion d'agenda) et donc ce n'est pas moi qui ai choisi d'utiliser du javascript pour la validation. Cela me prendrait trop de temps pour tout modifier donc je laisse comme c'est.

Voilà exactement comment c'est fait :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<FORM ACTION="accueil.php" METHOD="POST" NAME="editentryform">
 
...
// Saisie des informations
...
 
<SCRIPT LANGUAGE="JavaScript">
  document.writeln ( '<INPUT TYPE="button" VALUE="<?php etranslate("Save")?>" ONCLICK="validate_and_submit()">' );
</SCRIPT>
 
</FORM>

La fonction valide_and_submit se trouve dans un fichier javascript.
Elle permet donc de valider la saisie puis effectue un submit() à la fin.

Et donc, comme on peut voir le code plus haut, après le submit(), on est redirigé vers la page accueil.php

Ce que je voudrai faire, c'est que l'on puisse être redirigé soit vers la page d'accueil ou alors vers une autre page (reservation.php). En fait, je voudrai que l'utilisateur ait le choix.

Vil'Coyote dit qu'on peut mettre un bouton par formulaire (donc une seule redirection). Il y a bien une solution pour mettre en place ce que je désire non ? J'sais pas trop quoi faire là :s

Merci encore

[sabotage]

Schématiquement :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<?php
if (isset($_POST['redirige1'])) {
   header('Location: page1.php');
}
elseif isset($_POST['redirige2'])) {
   header('Location: page2.php');
}
?>
<form action="" method="post"/>
<input type="submit" name="redirige1" value="vers 1" />
<input type="submit" name="redirige2" value="vers 2" />
</form>

[4rocky4]

Merci pour cette réponse.

Alors voilà comment j'ai fait :

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
<?php
if (isset($_POST['redirige1'])) {
   header('Location: reservation.php');
   echo "TEST 1";
}
elseif (isset($_POST['redirige2'])) {
   header('Location: accueil.php');
   echo "TEST 2";
}
echo "TEST 3";
?>
<FORM ACTION="" METHOD="POST" NAME="editentryform">
...
Saisie informations
...
<input type="button" value="Réserver une voiture" name="redirige1" onclick="validate_and_submit()"></TR>
<input type="button" value="Save" name="redirige2" onclick="validate_and_submit()"></TR>
 
</FORM>

Lorsque je clique sur l'un des deux bouton, je reste sur cette page.
Seul TEST 3 s'affiche à l'écran depuis que je suis sur la page.

Je mets un PJ le fichier JavaScript.

[RunCodePhp]

Salut

Tu n'as pas vraiment respecté le code qu'on t'as donné plus haut, comme mettre des boutons de types "button", et non "submit".
Le type "submit" c'est justement fait pour soumettre un formulaire, autant utiliser les bons contrôles.

Pour la vérification du formulaire en JS, et bien c'est justement au niveau du formulaire qu'il vaut mieux le faire, et une seule fois suffit.

Exemple :

Code :

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

1
2
3
4
5
6
7
8
9
 
<form action="" method="post" NAME="editentryform" onsubmit="return validate_and_submit()">
...
Saisie informations
...
<input type="submit" value="Réserver une voiture" name="redirige1">
<input type="submit" value="Save" name="redirige2">
 
</form>

Après, je n'ai pas regardé comment le reste est fait, mais pour le JS validate_and_submit(), faut juste qu'il y ai un return true si la vérification est correcte, et return false en cas d'erreur.

[4rocky4]

Oups ... J'avais pas fait attention effectivement.

J'ai fais comme tu m'as dit pour le fichier javascript et le FORM, je viens de changer.
J'ai également modifié le type du bouton et ça va mieux effectivement.

Cependant, un warning s'installe maintenant.

Code :

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

Warning: Cannot add header information - headers already sent by (output started at c:\program files\easyphp\www\intranet\agenda\includes\init.php:152) in c:\program files\easyphp\www\intranet\agenda\edit_entry.php on line 211

La ligne 152 de init.php est celle là

Code :

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

echo "<HTML>\n<HEAD>\n<TITLE>".translate($application_name)."</TITLE>\n";

Et la ligne 211 du fichier edit_entry.php correspond à la ligne "Header rajouter".
C'est la même erreur que que soit le bouton utilisé.

-------------

Cette erreur ne s'affiche pas lorsqu'il y a simplement une page dans le FORM et en supprimant le code php Isset.

[Vil'Coyote]

sinon en javascript il est possible de réécrire l'adresse de destination d'un formulaire suffirait de faire une fonction par bouton ...

[4rocky4]

Peux tu être plus précis stp ?

Cela réglerait le problème que je rencontre actuellement cité dans mon message précédent ?

[rfufu]

Le message d'erreur que tu rencontres est simplement dû au fait que tu ne doit jamais écrire avant un header('Location[...]).
Mets tes tests de redirection en début de script et tu n'auras plus d'erreur....

[fredd_75]

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
20
21
22
23
24
25
26
27
 
 
 
 
<HTML>
<HEAD>
<SCRIPT LANGUAGE="javascript">
 
function controle1(form1) {
document.form1.action="addresse1";
document.form1.submit();
}
 
function controle2(form1) {
document.form1.action="addresse2";
document.form1.submit();
}
</SCRIPT>
</HEAD>
<BODY>
<FORM NAME="form1">
<INPUT TYPE="text" NAME="input" VALUE=""><BR>
<INPUT TYPE="button" NAME="bouton" VALUE="Envoi adresse1" onClick="controle1(form1)">
<INPUT TYPE="button" NAME="bouton" VALUE="Envoi adresse2" onClick="controle2(form1)">
</FORM>
</BODY>
</HTML>

Voila je pense qu'avec ça il n'y a plus de question à se poser...


@++

Fred75