[Struts-Layout] suggest et CSS

**Tanebisse** · 05/05/2008, 17h30

Bonjour,
Je suis en train de tester la balise <layout:suggest> pour gérer un champs d'autocomplétion et ça marche très bien. Mais je ne vois pas comment modifier la couleur de fond de la liste qui s'affiche et comment surligner une ligne de cette liste au passage de la souris.

**c_nvy** · 05/05/2008, 20h01

Par défaut, Struts-Layout applique le style défini dans le fichier default.css du répertoire config.
Par exemple, pour le suggest, il utilise ceci :

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
div.suggestionList {
	z-index:500;
	position:absolute;
	width:150px; 
	border:1px solid #333333; 
	background-color:#ffffff; 
	font-family:Tahoma; 
	font-size:11px; 
	cursor:default; 
	visibility:hidden;
}
div.suggestionList_element_off {
	width: 148px;
	background: #ffffff;
	color: #333333;
	padding-left: 2px;
}
div.suggestionList_element_on {
	width: 148px;
	background: #6D99C6;
	color: #ffffff;
	padding-left: 2px;
}

Si tu veux changer la couleur de fond de la liste, je te conseille de créer ton propre fichier css en copiant le default.css dans un autre répertoire, en le renommant en Struts-Layout_default.properties sous WEB-INF/classes, comme indiqué ici, et en le modifiant suivant tes besoins.
(Tu peux éventuellement récupérer le fichier Struts-Layout.properties présent dans le répertoire src/lib de Struts-Layout et le copier sous WEB-INF/classes en le renommant Struts-Layout_default.properties.)

Tu y précises donc le nom du fichier css dans la clé skin et le répertoire où se trouve le css dans la clé directory.css par exemple comme ceci :

Code :

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

1
2
3
skin=nomDeTonFichier.css
 
directory.css=nomDeTonRepertoireDesStyles

**Tanebisse** · 06/05/2008, 09h50

J'ai bien été voir dans ce fichier je me doutais que ça venait de là mais d'après ce CSS par défaut je devrait avoir un surlignement et une couleur de fond hors ce n'est pas le cas. Je dois avoir un problème de chemin de fichier.
Sinon, j'ai remarqué qq chose de bizarre quand je relance TomCat pour prendre en compte les modifs que je fait dans les fichiers XML (ou autres) et que je relance ma page de test Autosuggest, j'ai tjrs cette page qui s'affiche :

Je suis obliger de fermer et de relancer complètement le navigateur, au lieu de faire un simple F5 ! Est-ce que ça vous dit qq chose ? Ça le fait exclusivement avec ma page d'autocomplétion.

**c_nvy** · 06/05/2008, 09h57

Dans la jsp, as-tu codé le tag <layout:html> ?

Pour ton deuxième problème, on dirait qu'il n'arrive pas à accèder au struts-config.xml.

**Tanebisse** · 06/05/2008, 10h04

Et non ! Je ne pensais que ce tag était obligatoire. Merci.

Pour mon deuxième problème c'est vraiment étrange en fait le phénomène est aléatoire.

**c_nvy** · 06/05/2008, 10h12

Pour information, lorsqu'on utilise le tag <layout:html>, Struts-Layout génére une balise <head> avec dedans l'équivalent d'un <html:base/> et d'un <layout:skin includeScript="true"/>.

Donc non seulement les scripts et le css nécessaires à Struts-Layout seront inclus dans la page mais aussi, il n'y aura pas de problème de chemin d'accès à ceux-ci.

<layout:html> :

Rend les tags HTML suivants : <html>, <head>, <title>, <base> and <body>. Ce tag inclus les fichiers JavaScript et le fichier CSS de struts-layout. Voir LayoutUtils.setSkin(HttpSession, String) pour changer le fichier CSS à utiliser. Si ce tag n'est pas utilisé, le tag <layout:skin> doit être utilisé pour inclure les fichiers JavaScript et le fichier CSS.

<html:base/> :

base - Render an HTML <base> Element

Renders an HTML <base> element with an href attribute pointing to the absolute location of the enclosing JSP page. This tag is valid only when nested inside an HTML <head> element.

This tag is useful because it allows you to use relative URL references in the page that are calculated based on the URL of the page itself, rather than the URL to which the most recent submit took place (which is where the browser would normally resolve relative references against).

Donc, lorsque tu utilises le tag <layout:html> au début de ta jsp, tu n'as plus besoin d'ajouter le tag <layout:skin includeScript="true"/> dans la balise <head> car c'est Struts-Layout qui l'ajoute.

Sinon, pour ton autre problème, as-tu une balise <load-on-startup> dans la balise <servlet> de l'ActionServlet dans le web.xml ?

Code xml :

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

1
2
3
4
5
6
7
8
9
  <servlet>
    <servlet-name>action</servlet-name>
    <servlet-class>org.apache.struts.action.ActionServlet</servlet-class>
    <init-param>
      <param-name>config</param-name>
      <param-value>/WEB-INF/struts-config.xml</param-value>
    </init-param>
    <load-on-startup>1</load-on-startup>
  </servlet>