Une form qui submit mal

Version imprimable

Bonjour à tous,

j'ai une application Java qui gère des tables Oracle.
Mon appli contient des JSP dans lesquelles s'effectue l'affichage des tables mais aussi l'action à des actions (modifier, supprimer, ajouter, etc...)

Pour utiliser chacune de ces fonctions j'ai la possibilité de sélectionner les lignes concernées (supprimer, modifier). Et dans le cas de la modif, je veux effectuer un controle, à savoir qu'une seule ligne soit choisie avant de rediriger vers la servlet de modification. Jusque là, aucun problème!

Mais je n'arrive pas à rediriger vers la servlet...
Je reçois bien les infos de la ligne que je sélectionne (je le vois dans le log de mon serveur + alert()), je vois aussi que les données transit vers la page. Mais celle ci ne s'affiche pas.

De plus, j'ai essayé 2 choses.
1) associer la fonction JS à une image (souhaité)
2) associer la fonction JS à un bouton (pas terrible...)

Avec l'image, je reste sur la page appelante.
Avec le bouton, j'accède à une page blanche mais à la bonne URL (je gère parfaitement les servlets, elles fonctionnent au top, c'est certain).

Pour mieux me faire comprendre voici les éléments :

la JSP :
Code:

1 2 3 <input type="image" src="../img/update.bmp" alt="update" value="submit" onClick="checkUpdate('modifFormBankParameters');"> <input type="button" value="Modif" onClick="checkUpdate('modifFormBankParameters')"/>
la fonction JS :
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 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 function checkUpdate(pAction) { // les lignes de ma tables précédées d'une checkbox var theForm = document.forms['mainForm'].elements['check']; var form = document.createElement("form"); var i = 0; var j = 0; var val; // parcours des checkbox pour compter le nombre de sélections for(i=0; i<theForm.length; i++){ if(theForm[i].checked){ j++; récupérer la valeur de la ligne val = theForm[i].value; } } // affichage du nombre de sélection + valeur : ça marche au top alert(j); alert(val); // si 0 sélection, ne rien faire if(j == 0){ } // plusieurs, pas bon else if(j > 1){ alert("Select just 1 please"); } // sinon on fait le redirection vers la servlet entrée en paramètres else{ document.body.appendChild(form); form.method="POST"; form.action=pAction; var hiddenField = document.createElement("input"); hiddenField.name="formidable"; hiddenField.type="hidden"; hiddenField.value=val; form.appendChild(hiddenField); form.submit(); } }
la servlet :
Code:

1 2 3 4 5 6 7 8 String req = request.getParameter("formidable"); // affichage de la valeur envoyée par la form de la fonction : ça marche au top System.out.println(reqTemp); // écrire sur la page lue par le navigateur PrintWriter out = response.getWriter() ; out.write("<p>"+req+"</p>");
Merci de votre aide, je pète un plomb depuis des heures, je sais que maintenant je n'ai meme plus le bon recul pour réfléchir :mrgreen:

Bonne soirée, Pierre

14/09/2010, 19h34
SpaceFrog

un bouton image equivaut à un bouton submit... sur le onclick si tu ne fais pas de return false ton form est envoyé
15/09/2010, 08h52
pierrotparma

Bonjour,

merci SpaceFrog pour ta réponse.

Citation:

Envoyé par SpaceFrog

un bouton image equivaut à un bouton submit...

Le comportement de ces 2 input, avec le code associé, est sensiblement différent. avec le bouton image, je ne bouge pas de la page. contrairement au bouton submit qui m'envoie malgré les erreurs sur la servlet.

Citation:

Envoyé par SpaceFrog

sur le onclick si tu ne fais pas de return false ton form est envoyé

donc tu me dis que mon code qui ne présente pas de return false devraitm'envoyer correctement à la servlet. je jette un coup d'oeil frais à tout ça maintenant :)
15/09/2010, 10h41
E.Bzz

Bonjour,

Citation:

Envoyé par pierrotparma

contrairement au bouton submit qui m'envoie malgré les erreurs sur la servlet.

mais il ne s'agit pas d'un bouton submit.
Il s'agit ici d'un type="button" et non type="submit"

Citation:

donc tu me dis que mon code qui ne présente pas de return false devraitm'envoyer correctement à la servlet.

Je ne crois pas :mrgreen:
Plutôt que tu devrais ajouter le return false afin que le form ne soit pas envoyé et que seule ta fonction soit exécutée.
Bref, comme pour la solution que tu ne trouves "pas terrible" mais qui semble pourtant la plus logique (pourquoi gérer un form s'il n'est jamais envoyé ?) ;)

A confirmer par SpaceFrog ...

A+

En fait, je veux utiliser une image.
je me suis servi d'un bouton (et non d'un type submit, effectivement) pour m'assurer du fonctionnement de ma fonction.

je ne suis pas sur d'avoir bien bien compris vos conseils, en fait.

j'ai ajouté des return false dans les 2 cas qui ne m'intéressent pas:
- 0 sélection
- > 1 sélection

et lorsque je les teste, pas de soucis, je reste bien sur la page appelante et en plus je conserve la sélection.

j'ai ajouté un return true dans le cas qui m'intéresse, à savoir 1 sélection de checkbox.

j'ai changé le onClick avec :

Code:

onClick="return checkUpdate('modifFormBankParameters');"

Mais je ne parviens toujours pas à envoyer la donnée correspondante à ma servlet.
Code:

1 2 3 4 5 6 7 8 9 10 11 document.body.appendChild(form); form.method="POST"; form.action=pAction; // l'adresse de la servlet var hiddenField = document.createElement("input"); hiddenField.name="formidable"; hiddenField.type="hidden"; hiddenField.value=val; // valeur de la sélection form.appendChild(hiddenField); form.submit(); return true;
je ne comprends pas pourquoi cette partie de la fonction ne me redirige pas sur la servlet.

Alors je viens de décanter quelque chose.
intéressant d'ailleurs.

je viens de corriger un bug dans un de mes traitements et je m'aperçois qu'avec le input de type bouton, je parviens parfaitement à la page que je souhaite.

alors qu'avec le input de type image, je n'ai aucune redirection.

Code:

1
2
3
 
<input type="image" src="../img/update.bmp" alt="update" value="submit"	onClick="return checkUpdate('modifFormBankParameters');"> 
<input type="button" value="Modif"  onClick="return checkUpdate('modifFormBankParameters')"/>

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
function checkUpdate(pAction) {
 
	var theForm = document.forms['mainForm'].elements['check'];
	var form = document.createElement("form");
	document.body.appendChild(form);
	form.method="POST";
	form.action=pAction;
	var hiddenField = document.createElement("input");
	hiddenField.name="formidable";
	hiddenField.type="hidden";
	var i = 0;
	var j = 0;
	var val;
 
	for(i=0; i<theForm.length; i++){
		if(theForm[i].checked){
			j++;
			val = theForm[i].value;
		}
	}
 
	alert(j);
	alert(val);
 
	hiddenField.value=val;
	form.appendChild(hiddenField);
 
	if(j == 0){
		return false;
	}
	else if(j > 1){
		alert("Select just 1 please");
		return false;
	}
	else{
 
		form.submit();
		return true;
	}
 
}

donc maintenant il me reste à savoir quoi changer pour qu'un bouton image soit l'équivalent d'un bouton submit.

merci de votre aide!

15/09/2010, 11h51
E.Bzz

Citation:

Envoyé par pierrotparma

donc maintenant il me reste à savoir quoi changer

A priori

Code:

<img name="Modif" src="url_image.jpg" onclick="checkUpdate('modifFormBankParameters')"/>

Citation:

Envoyé par pierrotparma

pour qu'un bouton image soit l'équivalent d'un bouton submit.

d'un bouton tout court (type="button") :aie:

A+
15/09/2010, 12h09
pierrotparma

oui, pardon.
obtenir de mon input image l'équivalent de mon input button :ccool:

je viens d'essayer de rajouter un lien vers l'image, aucun effet.
c'est quand meme bizarre que cela change du tout pour le tout

je vois dans le log de mon serveur en plus, qu'il accède à la servlet
mais il ne m'en fait ni la redirection ni l'affichage
15/09/2010, 12h12
E.Bzz

Citation:

Envoyé par pierrotparma

je viens d'essayer de rajouter un lien vers l'image, aucun effet.

Je comprends pas trop, là :koi:

On peut voir ce code ?

A+

Citation:

Envoyé par E.Bzz

A priori

Code:

<img name="Modif" src="url_image.jpg" onclick="checkUpdate('modifFormBankParameters')"/>

j'ai donc tenté:
Code:

1 2 <input type="button" value="Modif" src="../img/update.bmp" onClick="return checkUpdate('modifFormBankParameters')"/>
Code:

1 2 <input value="Modif" src="../img/update.bmp" onClick="return checkUpdate('modifFormBankParameters')"/>
Code:

1 2 <input value="Modif" src="../img/update.bmp" onClick="checkUpdate('modifFormBankParameters')"/>

15/09/2010, 12h21
E.Bzz

Citation:

Envoyé par pierrotparma

j'ai donc tenté

8O

Et un copie/collé ? :mrgreen:

A+
15/09/2010, 12h34
pierrotparma

ah ah la tete en l'air!!

effectivement, un copier coller marche beaucoup mieux ;)

et désomais ça fonctionne! je m'étais enteté avec mes inputs
un très grand merci à toi E.Bzz
tu as été patient, merci!

C'est donc un problème résolu!! :ccool: