Popup centrer

Signaler
Messages postés
11
Date d'inscription
vendredi 4 mars 2005
Statut
Membre
Dernière intervention
27 mai 2005
-
Messages postés
11
Date d'inscription
vendredi 4 mars 2005
Statut
Membre
Dernière intervention
27 mai 2005
-
Salut,



j'ai créé une page avec des vignettes de photos et des zooms avec des
popups, mais je n'arrive pas à centrer les popups sur l'ecran avec
toutes les définitions.

Quelqu'un pourrait-il m'aider ?

14Angel

8 réponses

Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
36
Bonjour,
je suis sûr qu'une toute petite recherche
aurait apporté une réponse, mais j'ai
ça sous la main :

dans la page mère :
gauche=Math.floor((window.screen.width-largeur popup)/2);
haut=Math.floor((window.screen.height-hauteur popup)/2);
window.open("","","...left="+gauche+";top="+haut+"...");


dans le pop_up :
gauche=Math.floor((window.screen.width-document.body.clientWidth)/2);
haut=Math.floor((window.screen.height-document.body.clientHeight-30)/2)
self.moveTo(gauche,haut);

Cordialement. Bul. ~Site~~[mailto:marcelBultez@tiscali.fr Mail]~
Messages postés
11
Date d'inscription
vendredi 4 mars 2005
Statut
Membre
Dernière intervention
27 mai 2005

Merci, mais les popups ne s'ouvre plus

14Angel
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
36
sans un extrait du code utilisé,
comment répondre ???
Cordialement. Bul. ~Site~~[mailto:marcelBultez@tiscali.fr Mail]~
Messages postés
11
Date d'inscription
vendredi 4 mars 2005
Statut
Membre
Dernière intervention
27 mai 2005

Merci j'ai réussi à centrer mes popups mais il ne sont plus de la taille de l'image :



function Resizeandmove() {

if (document.layers) {

width < screen.availWidth;

height < screen.availHeight;

}

else {

var width = screen.availWidth;

var height = screen.availHeight;

}

if (width > 800) {

width = 800;

}

if (height > 600) {

height = 600;

}

self.resizeTo(width, height);

self.moveTo((screen.availWidth/2)-(width/2), (screen.availHeight/2)-(height/2));

}

14Angel
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
36
width < screen.availWidth;
height < screen.availHeight;

c'est censé faire quoi ?
(screen.availWidth/2)-(width/2)
tel que c'est fait c'est la même chose,
donc toujours=0

et j'éviterais des noms de variables
comme height et width
Cordialement. Bul. ~Site~~[mailto:marcelBultez@tiscali.fr Mail]~
Messages postés
11
Date d'inscription
vendredi 4 mars 2005
Statut
Membre
Dernière intervention
27 mai 2005

Je débute, alors c'est quoi pour centrer des popups sur l'écran et le code est dans les popups ou dans la page qui les ouvre

14Angel
Messages postés
13616
Date d'inscription
jeudi 13 février 2003
Statut
Membre
Dernière intervention
15 octobre 2013
36
ce que j'ai posté dans le 1er message

dans le pop_up :
gauche=Math.floor((window.screen.width-document.body.clientWidth)/2);
haut=Math.floor((window.screen.height-document.body.clientHeight-30)/2)
self.moveTo(gauche,haut);

Cordialement. Bul. ~Site~~[mailto:marcelBultez@tiscali.fr Mail]~
Messages postés
11
Date d'inscription
vendredi 4 mars 2005
Statut
Membre
Dernière intervention
27 mai 2005

C'est pas centrer sur la page ça marche pas.

ça se met dans le JavaScript ?

14Angel