Discussion :

[mima_mine]

bonjour

j'ai ajouté la bibliotheque de struts layout1.2 a mon projet, j'ai bien suivi les etapes d'installation comme elle est indiqué dans le site: http://struts.improve-technologies.com/install.html

mais j'ai un pb avc la l'image, j'ai inséré une image dans une vue

Code :

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

1
2
 
<layout:img srcName="index.gif" width="100%" height="20%"/>

mais quand j'exécute, elle me parrait pas, je vois juste une petite croi rouge

merci de me repondre

[c_nvy]

Peux-tu préciser où se situe l'image index.gif dans l'arborescence de ton projet ?

Sinon, il faut plutôt utiliser l'attribut src :

Code :

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

<layout:img src="index.gif" width="100%" height="20%"/>

[mima_mine]

j'ai placé l'image dans le dossier image : WebRoot\images, ce dossier contient aussi les images de struts layout

[c_nvy]

Dans ce cas, dans l'attribut src, il faut lui préciser que l'image est dans le répertoire images :

Code :

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

<layout:img src="images/index.gif" width="100%" height="20%"/>

[mima_mine]

je l'ai essayé maintenant mais ça marche pas toujours la petite croi rouge

[c_nvy]

Tes jsp sont-elles aussi dans un répertoire ?

Si c'est le cas, il faut plutôt coder ceci :

Code :

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

<layout:img src="../images/index.gif" width="100%" height="20%"/>

[mima_mine]

j'ai placé mes jsp dans un dossier dans le chemin WebRoot\forms et les images dans le chemin WebRoot\images qu'es je dois faire dans <img src=.....>

[c_nvy]

Ben ce que je t'ai indiqué précédemment, soit :

Code :

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

<layout:img src="../images/index.gif" width="100%" height="20%"/>

[mima_mine]

j'ai ajouté ça

Code :

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

1
2
3
 
 
<layout:img src="WebRoot/images/index.gif" width="100%" height="20%"/>

normalement il manque juste ça??

[c_nvy]

Il ne faut pas mettre WebRoot. Ce répertoire n'existe que sous Eclipse.
Il n'existe pas dans le war quand tu déploies ton appli.

[mima_mine]

ok

j'ai essayé avec le web root et sans mais tjr ça marche pas

[c_nvy]

Mais as-tu testé le code suivant tel quel ?

Code :

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

<layout:img src="../images/index.gif" width="100%" height="20%"/>

[mima_mine]

oui maintenant ça marche mais l'image n'est pas bien clair, et j'ai essayer d'ajouter aussi un pannel

Code :

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

1
2
3
4
5
6
7
8
9
 
 
<layout:form action="/login.do" method="post" focus="login">
    <layout:panel styleClass="FORM" key="Connexion à GSS :" width="70%" height="50%">   <br/>
    <layout:text property="username" key="Nom utilisateur :"></layout:text><br/>
     <layout:password property="password" key="Mot de passe :"></layout:password>
    <layout:submit>Se connecter</layout:submit>
    </layout:panel>
    </layout:form>

il s'affiche correctement mais devant chaque champs de texte il y'a aussi une petite crois rouge

[c_nvy]

Normalement, la petite croix rouge apparaît devant un champ texte quand l'attribut isRequired est égal à true. Or, par défaut, il est égal à false.
Il est donc étrange que la croix rouge apparaisse alors que tu n'as pas mis l'attribut isRequired à true.
Peut-être que c'est dû au tag layout:panel.

Enfin, en ajoutant l'attribut isRequired="false" dans le tag layout:text, la croix rouge devrait disparaître.

[mima_mine]

bonjour

bon j'ai mis la propriété isRequired="false" puis a "true" mais dans les 2 cas ça marche pas j'ai toujours la fameuse petite croi rouge

[c_nvy]

Peux-tu montrer une copie d'écran de ce qui s'affiche ?

[mima_mine]

voila ce qu'il m'affiche

[c_nvy]

Peux-tu montrer aussi le code complet de la jsp ?

[mima_mine]

oui voila le code de la jsp login.jsp

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
43
44
45
46
47
48
49
 
 
<%@ page language="java" pageEncoding="ISO-8859-1"%>
 
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>
<%@ taglib uri="/WEB-INF/struts-layout.tld" prefix="layout"%>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html:html lang="true">
  <head>
    <html:base />
 
    <title>login.jsp</title>
    <layout:skin includeScript="true"/>	
 
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
 
  </head>
 
  <body>
  <center>
  <div class="index2">
 <layout:img src="../images/gess.JPG"/>
  </div>
 
 
    <div class="index1">
 
    <layout:form action="/login.do" method="post" focus="login">
    <layout:panel styleClass="FORM" key="Compte utilisateur :" width="100%" height="50%">   <br/>
    <layout:text property="username" key="Nom utilisateur :" isRequired="false"></layout:text> <br/>
     <layout:password property="password" key="Mot de passe :" isRequired="false"></layout:password>
    <layout:submit>Se connecter</layout:submit>
    </layout:panel>
    </layout:form>
    </div>
    </center>
  </body>
</html:html>

et les class index1 et index2 je les ai definit au niveau de default.css du dossier config comme suit (j'ai essayer de suivre le code de la Demo de struts layout : http://struts.improve-technologies.c...nstration.html)

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
 
 
   .index2{
 
	 width: 100%;
	 height: 100%;
	 top: 0px;
	 left: 0px;
	 position: absolute;
	}
 
  .index1{
 
 
	 top: 47%;
	 left: 40%;
	 position: absolute;
	}

[c_nvy]

Après avoir vu la copie d'écran et le code de la jsp, je pense avoir compris pourquoi tu as une croix rouge à côté des champs de type text (et non un astérisque rouge comme je le pensais dans le cas du isRequired="true").

Peux-tu donc faire un test après avoir supprimé le tag <html:base/> présent dans la balise <head> ?

Si ça corrige bien le problème des croix rouges à côté des champs de type text, tu devrais avoir de nouveau une croix rouge pour l'image que tu affiches au début de ta page.

Dans ce cas, il faudra changer le chemin spécifié dans l'attribut src du tag html:img comme ceci :

Code :

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

<layout:img src="images/gess.JPG"/>