Discussion :

[la7su]

Bonjour,

Voici mon soucis : j'utilise le tag <html:image> dans une jsp, et son comportement differe suivant le navigateur (IE et FireFox).
Voici le contenu de la balise :

Code :

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

<html:image page="/images/divers/fleche_haut.gif" property="type_action" value="monter"></html:image>

Le probleme concerne type_action. Avec Firefox, je retrouve dans la requete les parametres suivants : type_action="monter", type_action.x=... et type_action.y=... Avec IE je n'ai que les 2 derniers et je n'ai donc pas la valeur de type_action qui m'interesse.
D'après la doc de struts il n'est pas clairement préciser si type_action=... doit apparaitre ou non dans la requete.
Quelqu'un peut-il me dire quel comportement est celui attendu (FireFox ou IE), et s'il y a une solution avec ce tag pour retrouver avec IE le meme comportement qu'avec FireFox ?

[Llaur76]

Bonjour,

Je me permets de faire un up de cette discussion. En effet, j'ai exactement le même problème.

Code :

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

1
2
 
<html:image src="<%= supPicto %>" value="<%= id %>" property="<%= actionSup %>" titleKey="parametrage.exportParamSelTab.brwTableauxCol3.title" alt="" onclick="if (!confirm('Voulez-vous supprimer cet enregistrement ?')) return false;"/>

Cette portion de code génère exactement le même code source html sous Firefox et sous IE.

Mais sous Firefox, je récupère en paramètre <%=actionSup%> mais pas sous IE ...

Merci

[bonano]

Je pense que sous IE <html:image ...> fait pas un submit ou l'inverse je me rappel plus, utilise <html:img....> et voir si ça va marcher sous IE ( je pense que ca va marcher).

[Llaur76]

Merci de ta réponse.

Le <html:image> est bien celui qui submit.

C'est quand même curieux que ça fonctionne sous Firefox et pas sous IE.

[c_nvy]

Je ne sais pas pourquoi le comportement est différent sous FireFox et sous IE mais tu trouveras dans cette discussion une explication concernant le fonctionnement du tag html:image.

[Llaur76]

J'ai essayé avec les ImageButtonBean.
Pour essayer de remettre ce bout de code dans le contexte de mon application, j'ai un tableau contenant des lignes représentant une entité (code, colonne, un bouton supprimer qui a une forme d'image).

Comment je peux récupérer par ces ImageButtonBean le bouton sur lequel j'ai cliqué (ou le code de l'entité gestionnaire), étant donné que je ne peux savoir combien je vais avoir d'élements dans cette liste.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
<logic:iterate id="ligne" name="exportParamSelFinForm" property="listeEntites" indexId="indiceLigne">
		<bean:define id="id"><bean:write name="ligne" property="id" />	</bean:define>
		<bean:define id="actionSup"><bean:write name="ligne" property="actionSup" /></bean:define>
		<tr class="row">
				<td align="center" valign="middle"><bean:write name="ligne" property="code"/></td>
				<td align="left" valign="middle"><bean:write name="ligne" property="lib"/></td>
				<td align="center" valign="middle">
					<html:image src="<%= supPicto %>" value="<%= id %>" property="<%= actionSup %>" titleKey="parametrage.exportParamSelFin.brwProduitFinCol3.title" alt="" onclick="if (!confirm('Voulez-vous supprimer cet enregistrement ?')) return false;"/>
				</td>
			</tr>
		</logic:iterate>

[c_nvy]

Dans ton cas, il serait peut-être mieux d'utiliser un tag html:img dans un tag html:link comme ceci :

Code :

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

1
2
3
<html:link action="pathDeTonAction" paramId="id" paramName="ligne" paramProperty="id">
   <html:img src="<%= supPicto %>" onclick="if (!confirm('Voulez-vous supprimer cet enregistrement ?')) return false;"/>
</html:link>

Ainsi, tu n'as plus besoin des ImageButtonBean, il n'est plus utile de faire un bean:define pour l'id et tu peux récupérer l'id dans l'Action exécutée via un request.getParameter("id").

Dis-moi si ça correspond bien à ton besoin.

Sinon, pour info, si tu es en J2EE 1.4 ou plus, tu peux remplacer la scriptlet <%=supPicto%> par une EL comme ceci :

Code :

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

<html:img src="${supPicto}" onclick="if (!confirm('Voulez-vous supprimer cet enregistrement ?')) return false;"/>

ou tu pourrais même définir dans ton fichier des messages une clé qui a pour valeur l'url de l'image comme ceci par exemple :

supPicto=images/imageSup.gif

et dans le tag html:img, remplacer l'attribut src par srcKey :

Code :

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

<html:img srcKey="supPicto" onclick="if (!confirm('Voulez-vous supprimer cet enregistrement ?')) return false;"/>

[Llaur76]

Je te remercie pour tous tes conseils.

J'ai aussi pensé au link associé avec l'image mais j'ai vraiment besoin de submitter le formulaire pour conserver les valeurs des checkboxs placés en amont dans le formulaire.

J'ai vu cette documentation
http://struts.apache.org/1.x/userGui...ontroller.html

au paragraphe 4.10, il nous précise qu'on peut utiliser des wildcard. Etant donné qu'avec IE je ne récupère pas la valeur de mon identifiant, est-il possible de concatener le forward et l'identifiant.

Et ds mon struts config

Code :

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

1
2
 
<forward name="supprimer*" path="/exportParam.supprimerTableau.do" redirect="false" />

Et puis ds l'action, je me débrouille pour découper ma chaine et récupérer mon id.
En tout cas ça me semble bien compliqué ... déjà à expliquer

[c_nvy]

Alors, finalement, tu peux sans doute t'en sortir avec le tag html:image en ajoutant l'attribut indexed="true" :

indexed - Valid only inside of logic:iterate tag. If true then name of the html tag will be rendered as "propertyName[34]". Number in brackets will be generated for every iteration and taken from ancestor logic:iterate tag.

Il va donc falloir coder getter et setter indexés correspondant dans l'ActionForm.

A tester.

[Llaur76]

J'ai essayé cette solution.
Je ne sais pas si j'utilise mal la propriété indexed mais je ne récupère toujours pas l'id avec IE ....

Code :

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

1
2
 
<html:image indexed="true" src="<%= supPicto %>" value="<%= id %>" property="imageIndexed" titleKey="parametrage.exportParamSelTab.brwTableauxCol3.title" alt="" onclick="document.getElementById('exportParamSelTabForm').action='/galion/parametrage/exportParam.supprimerTableau.do'"/>

Mes accesseurs

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
/**
         * @param imageIndexed The imageIndexed to set.
         */
	public void setImageIndexed(int index, String value) {
		this.imageIndexed[index] = value;
	}
 
 
	public String getImageIndexed(int index) {
    	return imageIndexed[index];
   }

Avec firefox tout va bien, je récupère l'identifiant dans le tableau à la position ou il se trouve ds ma liste. Avec IE, désesperemment rien ....

Il est fort probable que j'utilise mal la propriété indexed.

[c_nvy]

Il faudrait plutôt définir dans ton ActionForm un tableau de ImageButtonBean :

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
	private ImageButtonBean[] imageButtons ;
 
	public ImageButtonBean[] getImageButtons()
	{
		return imageButtons;
	}
	public void setImageButtons(ImageButtonBean[] imageButtons)
	{
		this.imageButtons = imageButtons;
	}
	public ImageButtonBean getImageButton(int i)
	{
		return this.imageButtons[i] ;
	}
	public void setImageButton(int i,ImageButtonBean imageButtonBean)
	{
		this.imageButtons[i]=imageButtonBean ;
	}

et dans l'Action, pour savoir lequel a été sélecté :

Code :

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

1
2
3
4
5
6
ImageButtonBean[] imageButtons = exportParamSelFinForm.getImageButtons() ;
for (int i=0; i<imageButtons.length; i++)
{
	ImageButtonBean imageButton = imageButtons[i] ;
	System.out.println("imageButton["+i+"]="+imageButton.isSelected()) ;
}

Il affichera true pour celui qui a été sélecté.

Pour que ça fonctionne, il faut penser à initialiser le tableau d'ImageButtonBean.
Je te conseille de le faire dans l'Action qui initialise le formulaire en tenant compte de la taille de ta liste listeEntites comme ceci :

Code :

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

1
2
3
4
5
6
ImageButtonBean[] imageButtons = new ImageButtonBean[listeEntites.size()];
for ( int i=0; i<listeEntites.size(); i++)
{
	imageButtons[i]=new ImageButtonBean() ;
}
exportParamSelFinForm.setImageButtons(imageButtons) ;

et dans ce cas, il n'est pas utile de mettre l'attribut value dans le tag html:image :

Code :

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

<html:image src="<%= supPicto %>" property="imageButton" indexed="true" titleKey="parametrage.exportParamSelTab.brwTableauxCol3.title" alt="" onclick="document.getElementById('exportParamSelTabForm').action='/galion/parametrage/exportParam.supprimerTableau.do'"/>

[Llaur76]

Merci beaucoup de ton aide.

C'est résolu grâce à ta solution.

PS : J'aurais aimé mettre le thread en [Résolu] mais je n'ai pas crée la discussion.

[c_nvy]

De rien.