Discussion :

[pierrotparma]

Bonjour à tous,

comme dit dans mon titre, je cherche comment faire pour mettre une <form> dans une autre.

ça peut paraitre assez bete (peut etre inutile) mais je construit une table dynamique insérer dans une <form>. à chaque ligne j'ai construit un bouton pour pouvoir "modifier" ou "delete" la ligne.
pour cela j'ai fait un simple :

Code JSP :

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

1
2
 
<a href=\"modif?idUtil=" + lId + "&prenomUtil=" + lPrenom + "&nomUtil=" + lNom + "\">Modificare</a>

et l'adresse /modif est appelée une servlet qui récupère les paramètres et fait le traitement adéquat. Pareil pour "delete".

Mais c'est quand meme dangereux les parametres accessibles comme ça... donc je voudrai pouvoir les envoyer sans qu'on les voit. Et là m'est apparue l'idée de la <form> mais ça ne marche pas puisque </form> ferme celle de mon tableau...

j'ai pensé au javascript, pour écrire un form, comme ceci :

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function post_to_url(param) {
	var form = document.createElement("form");
	form.setAttribute("method", "post");
	form.setAttribute("action", "modif2");
	var hiddenField = document.createElement("input");
	hiddenField.setAttribute("type", "submit");
	hiddenField.setAttribute("name", "formidable");
	hiddenField.setAttribute("value", param);
	form.appendChild(hiddenField);
	document.body.appendChild(form); 
	//form.submit();
}

pour avoir une <form> (form) composée comme ceci <form method="POST" action="modif2"><input type="submit" name="formidable" value=mon_parametre_du_script /></form>


J'obtiens une erreur dans ma page (Opération terminée).
Et si je décommente le submit, j'arrive de suite à ma servlet (comme quoi je ne dois pas etre loin) mais il ne me prend pas les paramétres (pas cool)

bref, je ne sais pas si j'ai été très très clair.

Merci d'avance pour vos conseils toujours précieux!

[TekP@f]

Salut,

bref, je ne sais pas si j'ai été très très clair.

Merci d'avance pour vos conseils toujours précieux!

Heu non, pas vraiment

Sinon, un form dans un form, ce n'est pas possible. Mais comme je ne comprends pas ton problème, je ne peux t'aiguiller sur une autre solution.

[henolivier]

Si je comprend bien,
ton but est de créer un formulaire en liste (avec un nombre de lignes non déterminé) et pour chaque ligne avoir un bouton submit pour modifier et un autre pour deleter

Il t'est possible de créer un seul form avec plusieurs boutons submits (2 pour chaque ligne), pour permettre de déterminer la ligne cliquée, tu peux ajouter une fonction javascript avec le numéro de ta ligne pour l'ajouter en paramètre (ou le mettre dans un champ hidden).

J'écris le code en live, il existe certainement une meilleure solution et il contiendra surement des fautes mais c'est juste pour te donner une idée :

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
 
<script>
  function changeNumColumn(numColumn) {
    document.forms[0].getElementByName('numColumn').value = numColumn;
  }
</script>
<form>
  <input type="hidden" name="numColumn"/>
  <ligne complete>...
  <ligne>
    ....
    <input type="submit" onclick="javascript:changeNumColumn(2);"/>
  </ligne>
  <ligne complete>...
</form>

Ensuite, dans ta servlet, tu vas donc récupérer toutes les données (de toutes les lignes) ainsi que le champ cache, il te suffira de ne traiter que la ligne du champ cache pour faire le traitement.
Ton formulaire doit normalement etre submitte correctement via HTTP sans necesite d'en creer un autre via javascript.

[pierrotparma]

Bonjour,

Heu non, pas vraiment

je m'en doutais!

J'ai mis en pièce jointe le screen shot de mon appli.
Toute la table est incluse dans une <form> dont l'action principale est "Eliminare Checkbox".

Je voudrais que mes boutons "Eliminare" et "Modificare", qui aujourd'hui sont des "href" transmettant les paramètres "id" "nom et "prenom" en visible dans l'URL, deviennent des <form> afin que je puisse leur associer une méthode post pour cacher ces paramètres.

J'espère que c'était (un peu) plus clair cette fois ci

Merci d'avance

[henolivier]

Créé 3 input hidden (un pour chaque champ) et insere les valeurs dedans au moment du onclick sur le bouton.
(Après, tu pourrais juste mettre l'ID et récupérer les données du cotes servlet car tu doit avoir un tableau de données a un moment).

[tchize_]

on t'as donné la solution au dessus, avec du javascript et des input hidden.


Une form dans une form, ce n'est pas autorisé en html.

[pierrotparma]

ça fonctionne grace à cela :

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
 
function modif(param) {
	var mypara = document.getElementById("paraID");
	var form = document.createElement("form");
	document.body.appendChild(form);
	form.method="POST";
	form.action="modif";
	hiddenField = document.createElement("<input name='formidable' type='hidden' value='"+param+"'>");
	form.appendChild(hiddenField);
	form.submit();
}

et appel de la fonction dans un

Code JSP :

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

1
2
 
<input type=\"button\" value=\"Modificare\" id=\"paraID\" onclick=\"modif("+lId+")\"/>"

où lId est le paramètre de la ligne concernée

et bien sur, une servlet qui recupère ce qui est transmis par l'input

Merci à vous