Accueil > Forum > > > > centrer un popup avec FF.....
 centrer un popup avec FF.....
dimanche 1 janvier 2006 à 23:24:40 |
centrer un popup avec FF.....
jacknikolson
|
Salut à tous et bonne année.
J'utilise un cms (pwsphp) avec une galerie d'images. Il y a un JS pour afficher les images en popup. je voudrais que l'image ne s'ouvre pas dans le coin haut/gauche de l'écran mais au centre.
J'ai essayé de bidouiller le code du cms et même si je réussis à faire déplacer le popup sous IE en changeant certaines valeurs, cela ne fait aucun effet sous FF.
voici le code:
<script>
// Set the horizontal and vertical position for the popup
PositionX = 0;
PositionY = 0;
// Set these value approximately 20 pixels greater than the
// size of the largest image to be used (needed for Netscape)
defaultWidth = 0;
defaultHeight = 0;
// Set autoclose true to have the window close automatically
// Set autoclose false to allow multiple popup windows
var AutoClose = true;
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;
}
var optNN='scrollbars=yes,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY;
var optIE='scrollbars=yes,width=150,height=100,left='+PositionX+',top='+PositionY;
function popImage(imageURL,imageTitle){
if (isNN){
imgWin=window.open('about:blank','',optNN);
}
if (isIE){
imgWin=window.open('about:blank','',optIE);
}
with (imgWin.document){
writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');
writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');writeln('if (isIE){');writeln('window.resizeTo(100,100);');
writeln('width=100-(document.body.clientWidth-document.images[0].width);');
writeln('height=100-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');
writeln('if (isNN){');
writeln('window.innerWidth=document.images["George"].width;');
writeln('window.innerHeight=document.images["George"].height;}}');
writeln('function doTitle(){document.title="'+imageTitle+'";}');
writeln('</sc'+'ript>');
if (!AutoClose)
writeln('</head><body bgcolor=000000 scroll="yes" onload="reSizeToImage();doTitle();self.focus()">')
else
writeln('</head><body bgcolor=000000 scroll="yes" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
close();
}
}
</script>
Que faire pour que ce popup soit centré sous IE et sous FF?
merci
|
|
mardi 3 janvier 2006 à 09:09:46 |
Re : centrer un popup avec FF.....
PetoleTeam
|
  Happy new year for every <BODY>
Si j'ai tout bien compris après les bubulles...hips !!!
il te suffit de récupérer la largeur et la hauteur de l'écran avec l'objet screen...
var Hauteur = screen.height;
var Largeur = screen.width;
comme tu as déjà récupéré window.innerWidth et window.innerHeight,
var PosX = Largeur -(window.innerWidth/2);
var PosY = Hauteurr -(window.innerHeight/2);
reste à faire un...
window.moveTo(PosX, PosY); // repositionne la fenêtre
et le centrage à l'épaisseur du cadre prêt est faite...
Nota :
en récupérant outerHeight et outerWidth tu obtiens les dimensions barre de titre, cadre etc...en plus
|
|
mardi 3 janvier 2006 à 11:44:02 |
Re : centrer un popup avec FF.....
|
mardi 3 janvier 2006 à 14:13:06 |
Re : centrer un popup avec FF.....
PetoleTeam
|
Tout d'abord BURPSSS! Il reste des bulles vu la con...rie écrite ci dessus à savoir pour centrer on fait...
var PosX = ( Largeur - window.innerWidth) /2 ;
var PosY = ( Hauteur - window.innerHeight) /2;
et NON
var PosX = Largeur -(window.innerWidth/2);
var PosY = Hauteur -(window.innerHeight/2);
enfin BON...
...passons aux choses sérieuses, reBURPSSSS...
ta fonction devrait ressembler à cela...
writeln('function reSizeToImage(){');
// Déclarations des variables ATTENTION les variables du document d'origine ne sont pas visibles dans le document résultat...
writeln('var Hauteur = screen.height;');
writeln('var Largeur = screen.width;');
writeln('var PosX; var PosY;');
writeln('var Larg; var Haut;');
writeln('if (isIE){');
writeln(' window.resizeTo(100,100);');
writeln(' Larg=100-(document.body.clientWidth-document.images[0].width);');
writeln(' Haut=100-(document.body.clientHeight-document.images[0].height);');
writeln(' window.resizeTo(Larg,Haut);');
writeln('}');
writeln('if (isNN){');
writeln(' Larg=document.images["George"].width;');
writeln(' Haut=document.images["George"].height;');
writeln(' window.innerWidth = Larg;');
writeln(' window.innerHeight = Haut;');
writeln('}');
// Centrage fenêtre
writeln('PosX = (Largeur -Larg)/2;');
writeln('PosY = (Hauteur -Haut)/2;');
writeln('window.moveTo(PosX, PosY);');
writeln('}');
J'ai testé sous IE, NETSCAPE, FireFOX et Opera qui lui encapsule => New PB à régler...
|
|
mardi 3 janvier 2006 à 14:27:29 |
Re : centrer un popup avec FF.....
jacknikolson
|
bouuu..... je sais que tu vas dire que j'abuse mais j'arrive pas à placer les lignes au bon endroit  .... ça marche pas..... C'est abuser de te demander de me mettre le code en entier?.....je me sens trop nul  |
|
mardi 3 janvier 2006 à 14:32:29 |
Re : centrer un popup avec FF.....
jacknikolson
|
j'ai rien dit je crois que j'ai réussi: j'ai mis ton code à la place de l'ancienne fonction resize
function popImage(imageURL,imageTitle){
if (isNN){
imgWin=window.open('about:blank','',optNN);
}
if (isIE){
imgWin=window.open('about:blank','',optIE);
}
with (imgWin.document){
writeln('<html><head><title>Loading...</title><style>body{margin:0px;}</style>');
writeln('<sc'+'ript>');
writeln('var isNN,isIE;');
writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');
writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function reSizeToImage(){');
// Déclarations des variables ATTENTION les variables du document d'origine ne sont pas visibles dans le document résultat...
writeln('var Hauteur = screen.height;');
writeln('var Largeur = screen.width;');
writeln('var PosX; var PosY;');
writeln('var Larg; var Haut;');
writeln('if (isIE){');
writeln(' window.resizeTo(100,100);');
writeln(' Larg=100-(document.body.clientWidth-document.images[0].width);');
writeln(' Haut=100-(document.body.clientHeight-document.images[0].height);');
writeln(' window.resizeTo(Larg,Haut);');
writeln('}');
writeln('if (isNN){');
writeln(' Larg=document.images["George"].width;');
writeln(' Haut=document.images["George"].height;');
writeln(' window.innerWidth = Larg;');
writeln(' window.innerHeight = Haut;');
writeln('}');
// Centrage fenêtre
writeln('PosX = (Largeur -Larg)/2;');
writeln('PosY = (Hauteur -Haut)/2;');
writeln('window.moveTo(PosX, PosY);');
writeln('}');
writeln('</sc'+'ript>');
if (!AutoClose)
writeln('</head><body bgcolor=000000 scroll="yes" onload="reSizeToImage();doTitle();self.focus()">')
else
writeln('</head><body bgcolor=000000 scroll="yes" onload="reSizeToImage();doTitle();self.focus()" onblur="self.close()">');
writeln('<img name="George" src='+imageURL+' style="display:block"></body></html>');
close();
}
|
|
mardi 3 janvier 2006 à 14:33:49 |
Re : centrer un popup avec FF.....
jacknikolson
|
au fait, ça veut dire quoi Opera qui lui encapsule??? c'est grave?
Sinon, merci pour le code.... |
|
mardi 3 janvier 2006 à 15:05:33 |
Re : centrer un popup avec FF.....
PetoleTeam
|
RIEN d'alarmant...
Opéra ouvre la nouvelle fenêtre dans la fenêtre active, et donc la centre, si l'option ouvrir une nouvelle dans un onglet est activée...
L'essentiel est que cela marche comme disait un escalier de ma connaissance...
|
|
Cette discussion est classée dans : images, document, window, popup, writeln
 Répondre à ce message
 Sujets en rapport avec ce message
imprimer contenu textarea [ par bultez ]
[size=1][b][brown]Bonjour à tous[black]Pour imprimer le contenu d'un TextAreaje n'ai trouvé que cette solution :Essais d'impression<input type=button
Popup compatible tout navigateur confondu [ par Thundrax ]
Je sais que j'en demande beaucoup peut-être mais bon alors 2 question.1 : j'ai fait donc un popup avec dans le popup cela marche bien avec ie et oper
Accès refuser dans Window.open() [ par Atorina ]
Bonjour,J'ai fais un petit script que voiciresult=window.open("","menu_droite");result.document.writeln("");result.document
popup et swf [ par ptinul ]
voici le script que j'utilise. il marche trés bien pour les images mais je n'arrive pas a lancer des fichier SWF. La balise IMG normalement permet ce
Creer une boîte de dialogue [ par guill76 ]
Bonjour, je bute sur un petit pb:J'aimerais ouvrir à l'intérieur de la page de mon site une petite boîte de dialogue afin que l'utilisateur puisse env
PB de compatibilité FF/IE : window et scrollbar [ par alesas ]
Bonsoir à tous, J'ai un petit script que voici :
Popup automatique avec le lecteur windows media player [ par sp33dshark ]
Bonjour a tous !Je voudrai savoir s'il y a un moyen d'ouvrir une popup avec le WMP, j'ai trouver un code comme sa mais pour les images<TRUCSWEB.COM -
Conflit balises DIV [ par finelarme ]
Bonjour, J'ai un problème pour "combiner" deux balises DIV. Il y'à deux actions dans ma page : un compte à rebours que j'ai paramêtré et un fader su
prompt avec plusieur condition [ par mouness ]
Bonjour a tous j'ai un petit probleme et je chercher de l'aide SVP j'ai une fonction voir ci-dessousfunction motif() { var saisie = window.prompt("Ind
Probleme fermeture popup [ par kristoph ]
Bonjour,j'ai un petit probleme avec une fermeture de popup. j'ouvre cette popup grace à un lien sur mapage1.html grace à ce lien : :javascript<
 Livres en rapport
|
Derniers Blogs
 IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVESSHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg
Dernièrement, nous avons migré le site
myTIC
vers un nouveau serveur SharePoint 2010. Dans les contenus que nous vouloins récupérer, nous avions un certain nombre de blogs.
Nous avons utilisé les commandes Power...
Cliquez pour lire la suite de l'article par junarnoalg
Forum
 UTILISER UN .JSUTILISER UN .JS par zaikoe
Cliquez pour lire la suite par zaikoe
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|