[POO] Code sur onSubmit

Bonjour,

J'ai un soucis avec le code test suivant au niveau du onSubmit du formulaire :

Code:

---

1 2 3 4 5 6

<form name="frmtest" action="ericessai.php" method="get" onSubmit="this.cache.value='b';"> <input type="text" name="cache" value="a"> <input type="text" name="texte" value="essai" /> <input type="button" value="Valider" onclick="this.form.submit();"> <input type="submit" value="Envoyer"> </form>

---

Si je valide le formulaire avec le bouton Envoyer (type submit), la valeur de "cache" passe bien à "b"
Mais si je valide le formulaire avec le bouton Valider (type button), la valeur de "cache" reste à "a"

:question:

Y a rien dans la FAQ à ce sujet (les différences entre un bouton submit et un form.submit() ), d'ailleurs

salut,

Code:

---

1 2 3 4 5 6 7 8

<div style="text-align: left;"><form name="frmtest" action="ericessai.php" method="get" onSubmit="this.cache.value='b';"> <input type="text" name="cache" value="a"> <input type="text" name="texte" value="essai" /> <input type="button" value="Valider" onclick="this.cache.value='b';this.form.submit();"> <input type="submit" value="Envoyer"> </form></div>

---

Salut,

Merci, c'est ce à quoi j'avais pensé au départ mais, en fait, j'ai beaucoup de boutons et tous ont cette même action.
Donc je voudrais éviter de dupliquer cette commande sur tous mes boutons

alors tu crée une fonction js :

Code:

---

1 2 3 4 5 6

function valider(){ document.ton_form.cache.value='b'; document.ton_form.submit(); }

---

et tu l'appelles comme ca :

Code:

---

1 2 3 4 5 6 7 8

<div style="text-align: left;"><form name="frmtest" action="ericessai.php" method="get" onSubmit="this.cache.value='b';"> <input type="text" name="cache" value="a"> <input type="text" name="texte" value="essai" /> <input type="button" value="Valider" onclick="valider();"> <input type="submit" value="Envoyer"> </form></div>

---

J'y ai songé également mais, en fait, tout ça est dans un "objet" (POO) Javascript appelé par un

Code:

---

1 2 3 4 5

<script type="text/javascript"> ObjCorrecteur = new Correcteur("DivCorrecteur", "<?php echo $_SERVER['REQUEST_URI ']; ?>"); ... ObjCorrecteur.Init(); </script>

---

C'est la méthode "Init" qui contient le code en question

Code:

---

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

function Correcteur_Init() { // Construction du DIV var i; var TxtHtml = "<div id='" + this.Nom + "' class='correcteur'>\n"; TxtHtml += "<form method='post' name='frm" + this.Nom + "' id='frm" + this.Nom + "' action='" + this.Cible + "'>\n"; [...] // Insertion des boutons TxtHtml += "<p class='boutons'>\n"; for(i = 0; i < this.tabBoutons.length; i++) { // Construction de la chaine du OnClick StrClick = ""; StrJS = "this.form.Scroll.value=document.body.scrollTop;this.form.Action.value=this.value;this.form.submit();"; StrFin = ""; [...] TxtHtml += "<input type='button' onclick='" + StrClick + StrJS + StrFin + "' value='" + this.tabBoutons[i][0] + "' />\n"; } TxtHtml += "<input type='button' onclick='document.getElementById(\"" + this.Nom + "\").style.display=\"none\";' value='Annuler' />\n"; TxtHtml += "</p>\n"; TxtHtml += "</form>\n"; TxtHtml += "</div>"; document.write(TxtHtml); }

---

C'est la partie en rouge qui est commune à tous les boutons et que je voudrais centraliser.

Comme tu peux le voir, ce code est appelé dans un <script type="text/javascript">
Déjà que je suis étonné que le document.write s'écrive bien dans la partie html et non dans la partie Javascript (mais ça c'est peut-être qu'à force de manipuler des include en php, je ne sais plus trop comment fonctionne document.write :mrgreen: ), alors je ne vois pas vraiment comment je pourrais lui demander d'insérer une fonction Javascript.
Ou alors en définissant une autre méthode ? Mais comment l'appeler alors sur des élement (input) qui n'existent pas encore ?