[Struts-Layout] layout:DynMenu

**gargantua** · 23/06/2008, 10h34

Bonjour à tous,

j'utilise un DynMenu dans mon application Web, et pas de problème tout marche.

Mais j'ai un bug d'affichage lorsque le menu déroulant passe dessus un composant "comboBox" d'une de mes pages, le composants est affiché en premier plan, ce qui est donc très génant.

Pas de problème noté avec des autres composants de type TextField & Cie.

Je n'ai rien trouvé à ce sujet, et débute totalement sous Struts.

Pouvez-vous m'aider ?

Merci

edit : je viens de faire le test sous firefox 3, pas de problème.
Là j'installe IE 7 pour voir.
Je testais sur IE 6 jusqu'à présent, mais c'est une contrainte, donc je n'ai pas le choix.

**karement** · 23/06/2008, 13h34

j'ai déjà eu ce genre de petits soucis et je me suis tourné vers les css avec l'attribut z-index.

Et au pire, tu désactives tes combobox (tu les met en hidden tant que tu es sur le menu)

**gargantua** · 23/06/2008, 13h55

Envoyé par karement

j'ai déjà eu ce genre de petits soucis et je me suis tourné vers les css avec l'attribut z-index.

Et au pire, tu désactives tes combobox (tu les met en hidden tant que tu es sur le menu)

J'étais en train d'étudier les z-index moi aussi.

Mais c'est le gros bordel, j'ai du mal a m'y retrouver (pas moi qui ai coder l'application), surtout que je n'ai jamais touché a struts et ses layout.

Mais je vais donc continuer ma recherche sur cette voix.

Merci

**gargantua** · 23/06/2008, 15h58

Bon,

je n'arrive pas à trouver la solution...

J'ai trouvé un fichier HM_Loader.js qui fait le lien vers HM_ScriptDOM.js et défini un certain nombre de chose pour le style.

Les éléments de mon y menu reçoivent un z-index égale à 5000.

Je ne crois pas que pour le reste de ma page (qui est dans un gros div) il y ai de z-index précisé, ce que j'ai essayer de faire sans succès.

J'ai installé 2 plugin, 1 sous firefox et un autre sous IE, qui me permette de visualiser le style détaillé de la page visitée.

FireBug ss firefox me donne une structure 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
 
<html lang="fr">
<head>
</head>
<body marginwidth="0" marginheight="0" width="1000" topmargin="0" leftmargin="0">
<div id="FWTableContainerPP">
</div>
<div id="HM_Menu1" style="border: 0pt solid rgb(0, 0, 0); overflow: hidden; position: absolute; visibility: visible; left: 30px; top: 75px; width: 300px; z-index: 5000; cursor: default; height: 22px;">
</div>
<div id="HM_Menu1_1" style="border: 0pt solid rgb(0, 0, 0); overflow: hidden; position: absolute; visibility: hidden; left: 30px; top: 97px; width: 150px; z-index: 5000; cursor: default; height: 44px;">
</div>
 
<div id="HM_Menu1_2" style="border: 0pt solid rgb(0, 0, 0); overflow: hidden; position: absolute; visibility: hidden; left: 180px; top: 97px; width: 150px; z-index: 5000; cursor: default; height: 98px;">
</div>
</body>
</html>

Le premier div avec id=FWTableContainerPP est le div qui contient ma page.
c'est à FWTableContainerPP que j'ai essayer de mettre un z-index=1 ou d'autre valeur sans succès.

Le plugin DebugBar sous IE lui ne m'affiche que le premier DIV...mais ça vient peut-etre du plugin, le menu fonctionnant mis a part le bug d'affichage...

Bref, je commence a perde espoir

edit : en editant le DOM.js j'ai bien pu constater l'impact sur les z-index du menu. J'ai testé la valeur -1, ce qui a pour effet d'afficher le menu "dessous" la page (donc on ne voit rien), ce qui marche sur firefox et ie.
Des que je repasse a 0 ou +, firefox m'affiche le menu correctement, ie non...

**karement** · 23/06/2008, 16h59

le problème ne se situe pas sur les div mais sur les éléments eux-mêmes. il faut spécifié le z-index dessus.
Quel est le type de ta combo-box? si c'est un <input type="select"> sous i-e c'est mort car le "select" est un élément particulier qu passe par dessus n'importe quel élément=> la seule solution c'est de faire disparaître les sélects pendant la sélection.

tu peux joindre un petit screenshot, on se rendra mieux compte du problème.

**gargantua** · 24/06/2008, 09h37

C'est effectivement un <input type="select"> ...

Bon, et bien au moins je connais la solution maintenant...!

Merci de ton aide.

[Struts-Layout] layout:DynMenu

Struts 1 Java

Vue hybride

Discussions similaires

Partager

Partager