Centrer un div

cs_coyote Messages postés 45 Date d'inscription lundi 7 janvier 2002 Statut Membre Dernière intervention 28 novembre 2008 - 17 mars 2006 à 18:09
PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 - 21 mars 2006 à 07:46
Je voudrais centrer un div (qui apparait) lors d'un clic souri.
Le probleme est que je veux le centrer relativement au scroll de la
page: la page ayant un scroll vertical, je veux que le div se centre
par rapport a l'ecran et non par rapport a la page, quelque soit la
position vertical du scroll. Je sais pas si c'est tres clair....

Si vous avez une solution...



bien a vous

2 réponses

cs_bultez Messages postés 13615 Date d'inscription jeudi 13 février 2003 Statut Membre Dernière intervention 15 octobre 2013 30
18 mars 2006 à 10:58
Bonjour,
regarder body.scrollTop ou body.scrollHeight,
je ne sais plus.
Cordialement. Bul. ~ Mon Site qu'il est à Moi ~<FO>
</FO>
</S< body>
0
PetoleTeam Messages postés 3426 Date d'inscription lundi 26 décembre 2005 Statut Membre Dernière intervention 14 janvier 2011 17
21 mars 2006 à 07:46
Bonjour...

Je te livre en vrac une compilation...
var NETSCAPE (navigator.appName "Netscape");
//-----------------------
function ObjCentre( div_){
var PosX, PosY;
var Right, Bottom;
var Left, Top;
var Larg, Haut;
var Obj = document.getElementById(div_);
if( Obj){
if( NETSCAPE){
with( window){
Left = pageXOffset;
Top = pageYOffset;
Right = innerWidth;
Bottom = innerHeight;
if( Right > document.width)
Right = document.width;
if( Bottom > document.height)
Bottom = document.height;
Right += Left;
Bottom += Top;
}
Larg = Obj.offsetWidth;
Haut = Obj.offsetHeight;
}
else{
with( document.body){
Left = scrollLeft;
Top = scrollTop;
Right = Left +clientWidth;
Bottom = Top +clientHeight;
}
Larg = Obj.scrollWidth;
Haut = Obj.scrollHeight;
}
PosX = (Right -Larg)/2;
PosY = (Bottom -Haut)/2;
if( PosX < Left) PosX = Left;
if( PosY < Top) PosY = Top;
ObjMoveTo( div_, PosX, PosY); // à définir
}
}

Normalement il y à tout à toi de jouer...

;0)
0
Rejoignez-nous