[Struts-Layout] autocompletion et DOCTYPE xhtml

**Tanebisse** · 06/05/2008, 12h38

Bonjour,
Je viens de me rendre compte que l'utilisation de struts:layout du moins en ce qui concerne l'autocompletion n'est pas compatible avec le XHTML transitional.
En effet si dans la JSP il ya cette ligne :

Code :

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

1
2
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Le champs d'autocmplétion part en cacahuète !
Par contre avec :

Code :

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

1
2
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

aucun problèmes.

Le soucis c'est que j'ai un menu dynamique qui ne fonctionne correctement qu'avec le premier Doctype.

Avez-vous déjà eu ce genre de soucis ?
Y a-t-il un Doctype approprié ?

**c_nvy** · 06/05/2008, 16h05

Dans le tag <layout:html>, il y a un attribut xhtml.

Peut-être qu'en l'ajoutant, ça fonctionnera mieux.

**Tanebisse** · 06/05/2008, 16h27

J'ai tenté de mettre cet attribut mais je n'ai rien vu dans la doc concernant les valeurs à lui assigner j'ai tenté "true" mais ça n'a rien changé. De plus cet attribut n'apparait que dans la doc française qui est "deprecated". Si t'as une idée sur le genre de valeur à passer je suis preneur.

Merci de ton aide dans tous les cas.

**c_nvy** · 06/05/2008, 16h33

Apparemment, il n'y a pas de valeur à mettre.

Essaie donc tout simplement :

Code :

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

<layout:html xhtml>

Par contre, si ça n'apparaît que dans la doc française, ce n'est pas bon signe.

**Tanebisse** · 06/05/2008, 16h37

Si la valeur est obligatoire sinon Struts renvoie une erreur, d'ailleurs j'ai vérifié avec Firebug et l'entête du document HTML change bien quand j'indique <layout:html xhtml="true"> mais ça ne résoue pas mon problème malgré tout. La piste était intéressante, merci.

**c_nvy** · 06/05/2008, 16h41

Effectivement, je viens de faire un test et il faut bien coder :

Code :

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

<layout:html xhtml="true">

ce qui permet la génération de la balise html suivante :

Code :

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

<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">

Désolée que ça ne corrige pas ton problème.

**Tanebisse** · 25/06/2008, 17h43

Je viens de me remettre sur ce problème et j'avais pas testé la page sous IE, et sous IE ça fonctionne très bien. C'est à dire que je peux ajouter la ligne suivante sans aucun problèmes sans être obligé d'ajouter l'attribut xhtml="true" :

Code :

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

1
2
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Ça doit donc venir de l''écriture de la css suivante :

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
 
div.suggestionList {
	z-index:500;
	position:absolute;
	width:150px;
	border:1px solid #333333;
	background-color:#3333ff;
	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: #FF0000;
	color: #ffffff;
	padding-left: 2px;
}

As-tu une idée ou je demande sur le forum css ?

**c_nvy** · 25/06/2008, 22h51

Désolée mais je ne suis pas fortiche en css.

**Tanebisse** · 26/06/2008, 12h20

OK, merci on peut pas être doué partout

**Tanebisse** · 27/06/2008, 18h16

Je relance un peu le débat et invoque OButterlin

qui a utilisé pas mal la balise layout:suggest si vous avez déjà eu le soucis ! Je pense que le problème c'est vraiment le DOCTYPE, n'y a t il pas moyen d'indiquer deux DOCTYPE ?

**OButterlin** · 30/06/2008, 10h28

Envoyé par Tanebisse

Je relance un peu le débat et invoque OButterlin

qui a utilisé pas mal la balise layout:suggest

Ouaaaah, avec une invitation pareille, difficile de refuser

Par contre, je n'ai pas bien compris ton problème... que se passe-t-il au juste ? Tu ne récupères pas la liste de valeurs ?

A+

**Tanebisse** · 30/06/2008, 10h41

Si si je récupère tout très bien le problème c'est le placement de la liste. Comme un dessin vaut mieux qu'un long discours voilà ce que j'obtiens avec le doctype XHTML 1.0 Transitional :

et ce que j'obtient avec le doctype HTML 4.01 Transitional (ou avec aucun doctype spécifié) :

**OButterlin** · 30/06/2008, 11h08

Je pense que ça vient du script suggest.js, pas du css...
Il utilise 2 méthodes pour récupérer la position de l'élément, getPositionLeft() et getPositionTop() et elles pourraient bien se rater... et donc renvoyer 0...

Le problème, c'est que je n'utilise pas xhtml, tu peux fournir une petite page pour faire des tests ?

**Tanebisse** · 30/06/2008, 11h43

Voila ma JSP, ça te suffit ou tu veux le code JAVA avec ?
Je vais aller voir vers les méthodes getPosition, c'est une bonne piste.

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
 
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="layout" uri="http://struts.application-servers.com/layout" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
		<title>Accueil</title>
	</head>
	<body>
		<div>
 
			<layout:html xhtml="true">
				<layout:form action="testSuggest">
					<layout:suggest property="numGab" suggestAction="/getSuggestGab" styleId="toto" name="gabForm"></layout:suggest>
				</layout:form>
			</layout:html>
		</div>
	</body>
</html>

**OButterlin** · 30/06/2008, 12h24

Ton problème doit être ailleurs...
J'ai fait le test et ça fonctionne parfaitement... désolé...

Tu utilises quelle version de struts et struts-layout ?

**Tanebisse** · 30/06/2008, 14h56

Tu as fait le test avec Firefox 2 ? Et le doctype xhtml cité plus haut ?

**OButterlin** · 30/06/2008, 15h04

Oui, en utilisant un projet existant et en y ajoutant les 3 classes nécessaires.

Ça rend dingue hein

**Tanebisse** · 30/06/2008, 15h41

En effet ça rend dingue !
J'ai fait pas mal de tests, notamment avec une autre appli dévelopée par une autre personne et ya le bogue.
J'ai plus qu'à changer de menu dynamique et me remettre au HTML 4