Discussion :

[pierrotparma]

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 JSP :

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

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 JAVASCRIPT :

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

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 JAVA :

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

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

Bonne soirée, Pierre

[SpaceFrog]

un bouton image equivaut à un bouton submit... sur le onclick si tu ne fais pas de return false ton form est envoyé

[pierrotparma]

Bonjour,

merci SpaceFrog pour ta réponse.

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.

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

[E.Bzz]

Bonjour,

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"

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

Je ne crois pas
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+

[pierrotparma]

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 JSP :

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

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

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

Code JAVASCRIPT :

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

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.

[pierrotparma]

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 JSP :

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

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 :

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

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!

[E.Bzz]

donc maintenant il me reste à savoir quoi changer

A priori

Code :

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

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

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

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

A+

[pierrotparma]

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

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

[E.Bzz]

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

Je comprends pas trop, là

On peut voir ce code ?

A+

[pierrotparma]

A priori

Code :

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

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

j'ai donc tenté:

Code JSP :

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

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

Code JSP :

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

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

Code JSP :

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

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

[E.Bzz]

j'ai donc tenté

Et un copie/collé ?

A+

[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!!