gestion du z-index

[7804j]

Bonjour,

Je suis actuellement en train d'essayer de programmer un système de gestion de fenêtres en jQuery, mais je suis confronté à un problème avec mon z-index.

Vous pouvez voir une version de test ici : http://vie-de-geek.com/test.php

Cliquez sur le bouton pour faire apparaître la fenêtre. Quand elle apparait, les boutons du haut sont bien placés. Cliquez ensuite sur le bouton "Agrandir" pour qu'elle entre en mode plein écran et vous verrez que cette fois-ci les boutons sont cachés par la partie du haut de la fenêtre.

Je me suis donc dit que la partie du haut devait avoir un z-index supérieur, alors j'ai mis deux lignes de code :

Code :

1
2
3
 
setTimeout('jQuery("#boutons'+ titleWindow+'").css({z-index: "500"})',1000);
		setTimeout('jQuery("#top_middle'+ titleWindow+'").css({z-index: "400"})',1000);

Ces lignes sont activées à chaque redimensionnement. Pourtant, les boutons restent en-dessous, alors qu'ils ont un z-index de 500 contre 400 pour la partie du haut (???)

Si quelqu'un a une idée, merci d'avance.

[danielhagnoul]

Bonjour

Première chose, corrigeons ces "codes"

Code :

1
2
3
4
5
6
7
setTimeout(function(){
	jQuery("#boutons"+ titleWindow).css("z-index", 500);
},1000);
 
setTimeout(function(){
	jQuery("#top_middle"+ titleWindow).css("z-index", 400);
},1000);

Deuxième chose, voir le site...

[Edit]

Au début de la division ayant la classe "WindowStyle" il y a une division ayant la classe "top_left" qui fait 7 x 7 mais qui occupe en fait toute la largeur disponible, il me semble que c'est elle qui décale les boutons vers le bas.

[7804j]

Euh... Excusez-moi mais je ne comprend pas trop ce que vous m'indiquez.

Il me semble que, bien que ce soit peut-être moins lisible, le "code" que j'avais indiqué fonctionne également (???). J'ai essayé de remplacer mes deux lignes par les votre, mais j'ai eu droit à une syntax error qui bloque l'exécution de mon script.

Code :

1
2
3
 
setTimeout(function(){jQuery("#boutons"+ titleWindow).css("z-index": 500);},1000);
setTimeout(function(){jQuery("#top_middle"+ titleWindow).css("z-index": 400);},1000);

Et sinon, concernant le deuxième point, de quel site voulez-vous parler ? Le lien est http://vie-de-geek.com/test.php

[danielhagnoul]

En corrigeant votre code, j'ai gardé un ":" au lieu de le remplacer par un ",".

Le site ? Le lien !

[7804j]

Oui, cette div ayant une taille de 7X7 mais occupant toute la largeur est bizarre. Mais je ne crois pas que ce soit elle qui pousse le tout vers le bas étant donné que les boutons ne sont pas simplement "décalés" mais "cachés". On n'en voit effectivement pas le haut :/

J'ai essayé de passer un z-index de 10000 à TOUTES les div de la fenêtre, sauf celle contenant les boutons qui en a un de 10001, mais sans effet. Je n'y comprend vraiment rien...