[Struts-Layout] autocompletion et DOCTYPE xhtml

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

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, 15h05

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

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

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

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, 15h33

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, 15h37

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, 15h41

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, 16h43

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, 21h51

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

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

OK, merci on peut pas être doué partout

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

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, 09h28

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, 09h41

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, 10h08

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, 10h43

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, 11h24

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, 13h56

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

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

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

Ça rend dingue hein

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

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