begin process at 2010 03 22 10:32:59
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Centrer Div avec javascript


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

Centrer Div avec javascript

samedi 25 août 2007 à 18:46:17 | Centrer Div avec javascript

mahhoura


// Une fonction qui permet de centrer une div sur lecran sans faire recours a CSS .. (je sais que c'est possible.)

function centerMe(myDiv)
 {

    var arrayPageSize = getPageSize();
    var object2 = document.getElementById(myDiv);
 object2.style.top=((arrayPageSize[3]/2) - (object2.offsetWidth / 2))+'px';
 object2.style.left=((arrayPageSize[2]/2) -(object2.offsetHeight / 2)) +'px';
       
 }
 function getPageSize(){
 
 var xScroll, yScroll;
 
 if (window.innerHeight && window.scrollMaxY) { 
  xScroll = document.body.scrollWidth;
  yScroll = window.innerHeight + window.scrollMaxY;
 } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
  xScroll = document.body.scrollWidth;
  yScroll = document.body.scrollHeight;
 } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
  xScroll = document.body.offsetWidth;
  yScroll = document.body.offsetHeight;
 }
 
 var windowWidth, windowHeight;
 if (self.innerHeight) { // all except Explorer
  windowWidth = self.innerWidth;
  windowHeight = self.innerHeight;
 } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
  windowWidth = document.documentElement.clientWidth;
  windowHeight = document.documentElement.clientHeight;
 } else if (document.body) { // other Explorers
  windowWidth = document.body.clientWidth;
  windowHeight = document.body.clientHeight;
 } 
 
 // for small pages with total height less then height of the viewport
 if(yScroll < windowHeight){
  pageHeight = windowHeight;
 } else {
  pageHeight = yScroll;
 }

 // for small pages with total width less then width of the viewport
 if(xScroll < windowWidth){ 
  pageWidth = windowWidth;
 } else {
  pageWidth = xScroll;
 }


 arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)
 return arrayPageSize;
}

dimanche 26 août 2007 à 11:21:25 | Re : Centrer Div avec javascript

DARKSIDIOUS

Membre Club Administrateur CodeS-SourceS
Pourquoi tu poste dans le bar si ca concerne javascript ?

Je déplace vers le forum approprié !


dimanche 26 août 2007 à 13:03:08 | Re : Centrer Div avec javascript

bultez

Membre Club




amical bonjour à toi aussi,

>>
Une fonction qui permet de centrer une div sur
>>lecran sans faire recours a CSS

    soit c'est une affirmation soit un exemple ?
        pourquoi faire ça en javascript, si ça fonctionne avec le CSS ?

   ou alors c'est une question ?
      ce que tu fais ne fonctionne pas  ? il y a un message d'erreur ?
          avec quel navigateur ? la fonction est appelée comment ? quand ?
      regarde plutôt du coté du CSS, ça marchera.


merci beaucoup pour la question  ou l'exemple                Bul     [mon Site]     [M'écrire]

En général, c'est absurde de généraliser.


Cette discussion est classée dans : document, body, xscroll, yscroll, windowwidth


Répondre à ce message

Sujets en rapport avec ce message

Sous menu [ par jeff_the_lifeguard ] J'aimerai savoir comment pourrais-je faire pour ajouter un sous menu à un menu clique droit. Voice le code#menu{position:absolute;width:155px;border:3 Redimenssionnement proportionnel d'une fenêtre [ par lacouine ] Bonjour,Mon problème est simple mais à la fois compliqué... Cela fait 2 jours que je planche dessus sans pouvoir la parade. Si quelqu'un pouvait m'aid script "Imprimer une zone dans une page web" [ par JPhL ] Bonsoir à tous,Je voudrais imprimer un cadre d'une page web. J'ai donc mis ce script dans la zone à imprimer. Tout fonctionne extra sauf que ma page i pb de neige qui ne tombe pas [ par Mr spud ] bonjour.....j'ai pris le code de neige en hiver feuille en automne et j'ai un message d'erreur quand je regarde la page....."objet requis"voici la lig Passer une variable entre deux composants... [ par WhiteMagus ] Salut.Je repète un différent post qui n'a pas eu de réponse. Mais c'est vraiment important et très urgent. Si quelqu'un voit une soltion à mon problèm Hauteur Automatique sur un Object ( pas Iframe ) pour WC3 [ par Fireflect ] Bonjours tt le monde voila j'essaye de faire une page avec un objet utilisé comme une Iframe..j'aimerai que l'Iframe et que la page s'ajuste en foncti Redimensionnement auto iframe en largeur - pb sous FireFoX [ par pico_rasta ] J'utilise 2 codes javascript différents pour le redimensionnemenent automatique d'une iframe dans un page :sous IE :document.all[frame].style.height = utilisation de createTextRange() [ par rttb ] Salut,Mon probleme est le suivant :J'utilise : window.document.body.createTextRange()Cela fonctionne bien mais c'est le 'body' qui me perturbe, en eff Problème avec document.body.clientHeight [ par Sb01 ] Salut à tous,J'aimerai positionner un calque dans ma page en fonction de la résolution de l'écran. Pour la largeur j'utilise la propriété document.bod Evènement onResize [ par initnocsib ] Je souhaite afficher plus ou moins de photos dans un bandeau en fonction de la taille de la fenêtre. voici le code : if (document.body) { var larg =


Nos sponsors


Sondage...

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

 
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 : 0,530 sec (4)

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