Enchainement de plusieurs FORM avec Jvs -> bug
Bonjour à vous
Je suis entrain de reprogrammer un petit script pour mettre à jour son profil et je suis face à un bug assez étrange.
Voici le bout de code
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<form name="form1" action="?p=membre/profil&action=maj1" method="post">
<table id="profil" >
..................
<td><br><div class="envoyer" OnClick="document.form1.submit()">Mettre à jour </div></td>
</tr></table>
</form>
<form name="form2" action="?p=membre/profil&action=maj2" method="post" >
<table id="profil" >
......
<td><br><div class="envoyer" OnClick="document.form2.submit()">Mettre à jour </div></td>
</tr></table>
</form> |
Symptome :
- Quand je clique sur le premier bouton, rien ne se passe ( le formulaire n'est pas envoyé )
- alors que lorsque je clic sur le second il n'y a aucun problème, la seconde partie du formulaire est envoyée correctement.
Voici l'erreur que me sors le débugger de Firefox : "Erreur : document.form1.submit is not a function"
Je ne pense pas qu'il soit impossible d'enchainer plusieurs <form>, donc l'erreur doit venir de moi mais je n'en vois vraiment pas la cause.
Merci de me donner un coup de pouce !
Si ça peut vous aider, voici le code complet de la page
Edit : En remplacant mes div-boutons par des <input name="send" type="submit" value="Envoyer"> plus classique, il n'y a plus de problème.
Le bug doit donc venir de la ligne <div class="envoyer" id="send" style="width:135px;" OnClick="document.form1.submit()">Mettre à jour</div> , mais j'avoue que je sèche là !
