Discussion :

[mLk92]

Hi all,

J'ai créer un tableau récemment, ce tableau (assez compliqué) est en faite une imbrication de plusieurs div (contenant eux mêmes des tableaux) pour faire un seul et même tableau de type tableur Excel.

bref, tout cela est imbriqué avec des z-index pour permettre à certaines aux données du tableaux de coulisser sous les titres de lignes ou de colonnes.

Le problème est que dans ces données, il y a des données active, c'est à dire des liens, des input ou encore des boutons.

Alors tout cela fonctionne avec ie, mais pas avec firefox (encore une magouille d'ie, mais une qui m'arrange !).

Alors je voulais savoir s'il y avait une solution à mon problème, s'il y avait une petite tricherie pour tromper firefox...

Merci pour vos réponses !!

[BnA]

Et entre les balises, mets ton code...

[mLk92]

lol, il y a tout de même un peu plus de 600 lignes de code

mais je vais mettre le code des 4 div, vous déduirez ensuite le pourquoi du comment

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
50
51
52
53
54
55
56
57
58
59
60
61
62
 
/* Div regroupant les 4 div qui forment le tableau */
div.globalTriDim{
	width: 100%;
	height: 90%;
	position: relative;
	margin: 0px;
	padding:0px;
}
/* div d'en haut à gauche */
.topLineTitle{
	width: 390px;
	height: auto;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	z-index: 3;
}
/* div contenant le titre des lignes, peut contenir des éléments actifs (liens ,etc)*/
.titleLine {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 1;
}
 
/* div contenant le titre des colonnes, peut contenir des éléments actifs (liens ,etc)*/
.titreColonne{
	width: 98.5%;
	height: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	position: absolute;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	left: 0px;
	top: 0px;
	z-index: 2;
}
 
/* Div contenant les données, liens actifs, input text, bouton, etc */
.donnees {
	width: 98.4%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 0;
}

Voilà pour ce qui est du CSS, pour le 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
<div class="globalTriDim">
   <div class="topLineTitle">
    .......
   </div>
   <div class="titleLine">
    .......
   </div>
   <div class="titreColonne">
    .......
   </div>
   <div class="donnees">
    .......
   </div>
</div>

Voilà voilàà, il peut y avoir des éléments actifs dans chacun des divs, cela fonctionne sous ie6 et + mais pas firefox.


ps: dsl de pas l'avoir mis plutôt mais parfois du code d'entrée vous fait fuir


Merci pour vos réponses !

[MasterOfChakhaL]

Alors je voulais savoir s'il y avait une solution à mon problème, s'il y avait une petite tricherie pour tromper firefox...

Quel problème ??

[mLk92]

Quel problème ??

Le problème est que mes éléments actifs sont inaccessibles avec firefox, à cause du z-index, donc je cherche une astuce pour palier à cela sans avoir à refaire le tableau (qui est très très très conséquent )

[BnA]

A tout hasard, tu n'aurais pas une URL à nous donner? Ca simplifierait pas mal les choses, de plus, nous pourrions voir ton problème in situ.

[mLk92]

Je suis désolé mais c'est une appli web développé en java, donc pas d'url externe à l'entreprise


Mais pour illustré la chose je vais te donner une exemple simple d'utilisation.

Imagine toi un tableau rien de plus classique, (colonne, titre, données), maintenant il y a des liens (ou des inputs) dans les données, tu veux cliqué sur l'un d'entre eux. Sur ie, t'y arrive, mais pas sur firefox.

C'est ce que j'ai globalement, après c'est l'organisation de ce tableau qui fait qu'il est impossibe de cliquer ou autre.

[mLk92]

Je reviens un petit mois après sur ce message, je n'ai toujours pas trouvé de solution à ce problème !

Est - ce que quelqu'un aurait une idée ?

Le problème est simple, réussir par n'importe quel moyen à sélectionner un élément actif HTML (input, liens, etc) dans un div où la profondeur de z-index ne le permet pas.

Cela fonctionne à peu près sous ie mais pas sous firefox !

SVP HELP ME !!

Merci pour vos réponses !