ModalBox et formulaires

**fabienco** · 26/05/2009, 17h20

Bonjour a tous,

Je m'enerve depuis ce matin sur ModalBox... Je n'arrive pas à faire fonctionner mon formulaire et étant novice aussi bien en javascript qu'avec ModalBox, je n'arrive plus a avancer...

Ci-dessous un extrait du code incriminé ....

Code :

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

1
2
3
4
5
6
 
echo "<FORM id='myform' action='commentaire.php?action=ajout&idartisan=$idrecu' method='post' onsubmit='return false;'>";
 
... Mes champs ...
 
echo "<input type='submit' value='Enregistrer' onclick='Modalbox.show('commentaire.php?action=ajout&idartisan=$idrecu',{title:'Evaluation', width: 600, method:'post', params:Form.serialize('myform')}); return false;'>";

Le résultat est ... néant. Le navigateur reste sur cette page sans faire quoi que ce soit quand je clique sur le bouton.

D'avance merci pour votre aide !

**E.Bzz** · 26/05/2009, 17h34

Bonjour et bienvenue sur Developpez.com

Envoyé par fabienco

Le résultat est ... néant. Le navigateur reste sur cette page sans faire quoi que ce soit quand je clique sur le bouton.

C'est normal !
L'instruction

Code :

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

onsubmit='return false;'

annule la soumission du formulaire ...
Concernant l'appel à ta modalBox, il y a visiblement un problème de quottes.
Il faut protéger les plus "internes".
Quelque chose comme

Code :

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

onclick='Modalbox.show(\'commentaire.php?action=ajout&idartisan=$idrecu\',{title:\'Evaluation\', width: 600, method:\'post\', params:Form.serialize(\'myform\')}); return false;'

Mais n'utilisant pas les modalBox, il m'est difficile d'être plus affirmatif

A+

**fabienco** · 26/05/2009, 18h01

Merci pour ton aide, mais pour le moment pas de changement.

J'ai protégé les quotes, pas de changement ...

J'ai également supprimé le

onsubmit='return false;'

mais alors l'affichage ne se fait plus dans la ModalBox mais dans une page normale. Il me semblait de plus que selon les docs ModalBox glanées sur le web il fallait absolument laisser cette propriété dans le formulaire .

Je ne vois pas, plus ...

**E.Bzz** · 26/05/2009, 18h11

Envoyé par fabienco

J'ai également supprimé le mais alors l'affichage ne se fait plus dans la ModalBox mais dans une page normale.

Oui : le "c'est normal" c'était juste pour le fait que tu ne changes pas de page (une modalBox n'est pas censé te faire changer de page).
Il faut certainement laisser ce onsubmit.

Re-vérifie ton appel à la Box ...

Sinon, une simple erreur JS au chargement de la page (même n'ayant rien à voir) suffit à planter ton code : dans ce cas ton appel ne fonctionne plus, même s'il est correct.

A+

**fabienco** · 28/05/2009, 09h26

Je désespère et pense a peu près avoir tout essayé...

L'appel à ma ModalBox ne fonctionne toujours pas et je n'ai pas d'autres Javascript dans ma page... J'ai même viré les Google Analytics pour voir s'il y avait un effet.

J'ai utilisé (et donc découvert FireBug) qui m'a permis d'avancé un peu sur le sujet, mais là je bloque et il me remonte toujours la même erreur :

Error: illegal character

Source Code:
\'Modalbox.show(\'commentaire.php?action=ajout&idartisan=1840\',{title:\'Evaluation\',method:\'post\',params:Form.serialize(\'myform\')});return

Ci-dessous l'état de mon code à aujourd'hui :

Code :

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

1
2
3
4
5
6
echo "<FORM id='myform' action='commentaire.php?action=ajout&idartisan=".$idrecu."' method='post' onsubmit='return false;'>"; 
 
.....
 
 
echo "<input type='submit' value='Enregistrer' onclick=\'Modalbox.show(\'commentaire.php?action=ajout&idartisan=".$idrecu."\',{title:\'Evaluation\',method:\'post\',params:Form.serialize(\'myform\')});return false;\' />";