Discussion :

[Vincedujag]

Bonjour à tous,

J'essaie voilà 3 jours de créer un formulaire dans une ModalBox et de vouloir le vérifier à l'aide de php, en vain.

Pour ceux qui connaissent pas la ModalBox, c'est une boite de dialogue entièrement codé en Javascript et respectant les « normes» du Web 2.0: http://okonet.ru/projects/modalbox/

Dans un premier temps j'ai installé ma ModalBox, pas de soucis.

J'ouvre ma ModalBox avec ce code:

Code :

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

1
2
 
<a href="liens/form_mag.php" title="Une page HTML incluse" onclick="Modalbox.show(this.href, {title: this.title, width: 800}); return false;">Formulaire</a>

Jusqu'ici tout va bien.

Donc j'aimerai que lorsqu'une personne valide un formulaire, elle soit dirigée vers ajout_mag.php (toujours dans la modalbox). Ensuite:
Soit le formulaire est rempli correctement, il n'y a pas d'erreur et la page affiche ce que la personne à rempli;
Soit le formulaire est mal rempli, il y a une erreur et elle est redirigé automatiquement vers le formulaire avec l'erreur d'affichée.

Voici le code de ma page form_mag.php contenant le formulaire:

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
 
<div>
<?php
if($erreur) {
echo $erreur;
}
?>
 
<FORM action="liens/ajout_mag.php" id="myform">
<table>
<tr>
 <td>Nom:<b>*</b></td>
 <td><input type="text" name="nom_mag" id="nom_mag"></td>
</tr>
</table>
<input type="submit" value="Valider" onclick="Modalbox.show('liens/ajout_mag.php', {title: 'Form sending status', width: 500, params:Form.serialize('myform') }); return false;" />
</FORM> 
</div>

Voici le code de ma page ajout_mag.php:

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
 
<div>
 
<?php
 
$erreur = false;
$nom = $_GET['nom'];
 
if (!empty($_GET)) {
# Vérif nom de magazine Renseigné
	if (empty($_GET['nom_mag'])) {
		$erreur = "Merci de renseigner le nom de votre magazine";
	}
	}
if(!$erreur) {
print "<br><b>Nom du magazine: </b>";
echo $nom_mag;
} else {
 
# C'est ICI que je ne sais pas du tout quoi mettre!!! :(
 
}
 
?>
</div>

Comment faire cette redirection? (En restant dans la ModalBox..)

Biensur, il y a beaucoup plus de champ dans mon formulaire, mais un seul suffira pour plus de clarté..

Merci pour votre aide.

Bonne fin de weekend,

Vincent

[Vincedujag]

Salut à tous,

Bon j'ai du nouveau, après de longues recherches et de nombreux tests, j'arrive à un résultat.
J'ai intégrer une balise javascript qui permet la redirection:

Code :

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

1
2
3
 
echo '<script script="text/javascript">
Modalbox.show(\'form_mag.php\');</script>';

Voici le liens qui permet de tester la ModalBox:
http://solarpedia.free.fr/test/testmodal.html


Comme vous pouvez voir cela marche, mais à moitié.. J'aimerai pouvoir utiliser les options associés à "Modalbox.show" comme le titre, la largeur, et l'option qui permet d'envoyer des variables. Pour l'instant j'arrive à ce code là, mais il ne marche pas du tout:

Code :

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

1
2
3
4
5
6
7
 
echo '<script script="text/javascript">
Modalbox.show(\'form_mag.php\', {
    title: \'Form sending status\',
    width: 500,
    params: Form.serialize(\'myform\')
});</script>';

Est ce que quelqu'un à une idée pourquoi les options bloquent l'exécution du script?

Merci d'avance!

[Vincedujag]

Bonjour à tous,

Bon au final j'ai réussi à trouver une solution, j'en profite pour la partager

J'ai tout simplement décider de n'utiliser qu'une seule page dans ma ModalBox, qui contient à la fois le formulaire et la vérification..

Voici le code:

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
28
29
30
31
32
33
34
35
36
 
<?php
 
if (!empty($_POST)) {
 
# vérification des champs requis (Nom)
	if (empty($_POST['nom'])) {
		$erreur1 = "Merci de renseigner le nom";
                $focus1 = 1; // modification couleur du champ de saisie concerné
	echo $erreur1;
	}
}
 
$nom = utf8_decode(Stripslashes($_POST["nom"]));
 
if (!empty($_POST) && empty($erreur1)){
print "<br><b>Nom: </b>";
echo $nom;
 
} else {
 
echo '<FORM action="ajout_mag.php" id="myform">';
echo '<table border="1">';
echo '<tr>';
echo '<td>Nom:<b>*</b></td>';
echo '<td><input type="text" name="nom" id="nom"';
if($focus1 == 1) echo 'class=\'focus\'';
echo 'value="';
echo $nom;
echo '"></td></tr></table>';
echo '<input type="submit" value="Valider" onclick="Modalbox.show(\'form_mag.php\', {title: \'Confirmation\', height: 480 , width: 640 , method:\'post\', params:Form.serialize(\'myform\') }); return false;" />';
echo '</FORM>';
 
}
 
?>