begin process at 2010 03 20 19:48:03
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

Centrer un div


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Centrer un div

vendredi 17 mars 2006 à 18:09:19 | Centrer un div

coyote

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

samedi 18 mars 2006 à 10:58:08 | Re : Centrer un div

bultez

Membre Club

Bonjour,
regarder body.scrollTop ou body.scrollHeight,
je ne sais plus.
Cordialement. Bul. ~ Mon Site qu'il est à Moi ~

mardi 21 mars 2006 à 07:46:28 | Re : Centrer un div

PetoleTeam

Membre Club


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)



Cette discussion est classée dans : page, scroll, centrer, div, vertical


Répondre à ce message

Sujets en rapport avec ce message

scroll qui fctionne pas [ par guixyz ] Elo g un pb de scroll dans une page en fait yen a un qui marche et j'arrive pas à faire marcher les autres Voici l'adresse de la page : http://membre ouvrir une fenêtre sans aucun élément [ par hikker ] j'ai le pb suivant je n'arrive pas à afficher une page sans les options (scroll,barmenu...)voici mon code PopErreur = window.open(page,'','menubar=no, Comment faire Scroll dans une frame [ par rony21 ] Bonjour,Je suis débutant et je n'arrive pas à faire défiler la barre automatiquement.Je m'explique :J'ai une page avec 3 frames dont une qui contient menu vertical + intégration flash [ par reyterg ] Bonjour à tous,Je cherche le moyen d'afficher un tableau sur la droite d'une page HTML. Le but est de garder le menu à la même place tout au long du s menu vertical + intégration flash [ par reyterg ] Bonjour à tous,Je cherche le moyen d'afficher un tableau sur la droite d'une page HTML. Le but est de garder le menu à la même place tout au long du s Un SEUL background [ par floflotz ] bonjour à tous,je souhaite mettre une image en background sur mon site. Le problème est que quand j'applique la propriété background à mon body, il mu Div bougeable en fonction du scroll... problème le navigateur panique... Script très pratique pour faire planter IE [ par MeTh ] Bonjour,J'essai de réalisé un script qui déplace les div verticalement ou horizontalement en fonction du scroll de la fenetre pour que les div reste t afficher une page html placer entre div dans une autre page html [ par shansen ] je voudrais savoir comment on peut faire pour afficher une page html dans une autre page html sans utiliser de frame et d'iframe, juste dans des div.m Ben en faite je ne sais pas je dirait bug de frame [ par fcr_loch ] alors pourkoi bug de frame, parcequ'a l'origine j'ouvrais c'est page dans d'autre fenetre et ca fonctionné correctement. donc j'expliquesur ma page ht Scroll d'une iframe, je bloque ! [ par kurt67 ] Salut, à tous après près d'une heure de recherches infructueuses et d'essains vains, je me décide à poster ici mon problême en espérant que quelqu'un


Nos sponsors


Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

Photothèque

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,342 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales