Comment centrer l'ouverture d'un popup svp ?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Comment centrer l'ouverture d'un popup svp ?

bob_le_marrant99

Bonjour,

Voilà j'ai récupéré ce code pour l'ouverture de mes images en popup :

Dans les HEAD

Code :

<SCRIPT LANGUAGE="JavaScript">
<!--
function PopupImage(img) {
titre="IMAGES";
w=open("",'image','width=800,height=640,toolbar=no,scrollbars=no,resizable=no');
w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>" );
w.document.write("<SCRIPT language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+10,document.images[0].height+30); window.focus();} else { setTimeout('checksize()',250) } }</"+"SCRIPT>" );
w.document.write("<BODY onload='checksize()' onblur='window.close()' onclick='window.close()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>" );
w.document.write("<TABLE width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><TR>" );
w.document.write("<TD valign='middle' align='center'><IMG src='"+img+"' border=0 alt='Mon image'>" );
w.document.write("</TD></TR></TABLE>" );
w.document.write("</BODY></HTML>" );
w.document.close();
}
//-->
</SCRIPT>

Et pour le lien

Code :

<a href="javascript:PopupImage('images/totb.jpg')"><img src="images/tots.jpg" width="425" height="340" border="0" classe="image" alt="Cliquer pour agrandire"></a>

Et avec sa je suis contant mon image en grand s'ouvre bien.

J'ai bien trouvé divers code Javascript pour centrer le popup qui s'ouvre, mais si j'intègre ce code dans celui-ci cela ne marche plus

Auriez-vous la gentillesse svp de m'indiquer le code précis et ou l'insérer pour que cela marche ?

Merci d'avance pour votre aide.

Bonne journée.

Publicité

bob_le_marrant99

Un ptit UP svp tjrs d'actualité

SICKofitALL

misanthrope

insère ca :

Code :

<SCRIPT language=javascript>
var centerWindow = function (win)
{
var w, h;
if (win.innerHeight) // all except Explorer
{
w = win.innerWidth;
h = win.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight)
{
w = document.documentElement.clientWidth;
h = document.documentElement.clientHeight;
}
else if (document.body)
{
w = document.body.clientWidth;
h = document.body.clientHeight;
}
var sx = screen.width, sy = screen.height;
win.moveTo (parseInt ((sx - w) / 2), parseInt ((sy - h) / 2));
return true;
}
function checksize() {
......
......
}

et dans tu places ensuite ca : centerWindow (w);
devant le window.focus();

Message édité par SICKofitALL le 23-11-2007 à 13:47:00

---------------
We deserve everything that's coming...

bob_le_marrant99

Hello Sick,

Tout dabord merci d'avoir pris le temps de me répondre !

Par contre la je suis un peut perdu dans ton script

Si je comprend bien je laisse le mien comme il est et j'insère dans mon HEAD le tient ? Bien sur en rajoutant en ligne 30 </SCRIPT>

Et pour ton : et dans tu places ensuite ca : centerWindow (w);
devant le window.focus();

Je vois pas du tout ou le mettre, je ne vois pas cette fonction

Merci d'avance pour tes précisions !

Bonne journée.

SICKofitALL

misanthrope

tu devrais mieux lire tes sources
parce que en fait des scripts comme celui-ci il en existe des tonnes, et si ils ne marchent pas, c'est que tu les as mal implémenté

Donc résumons, jte fais un big bout de code (en reprenant le tiens) avec une petite modif par rapport à ce que je t'ai sorti plus, dans un soucis de clarté :

Code :

<SCRIPT LANGUAGE="JavaScript">
<!--
/* fonction qui centre une fenetre passée en parametre */
var centerWindow = function (win)
{
var w, h;
if (win.innerHeight)
{
w = win.innerWidth;
h = win.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight)
{
w = document.documentElement.clientWidth;
h = document.documentElement.clientHeight;
}
else if (document.body)
{
w = document.body.clientWidth;
h = document.body.clientHeight;
}
var sx = screen.width, sy = screen.height;
win.moveTo (parseInt ((sx - w) / 2), parseInt ((sy - h) / 2));
return true;
}
function PopupImage(img) {
titre="IMAGES";
w=open("",'image','width=800,height=640,toolbar=no,scrollbars=no,resizable=no');
w.document.write("<HTML><HEAD><TITLE>"+titre+"</TITLE></HEAD>" );
w.document.write("<SCRIPT language=javascript>function checksize() { if (document.images[0].complete) { window.resizeTo(document.images[0].width+10,document.images[0].height+30); window.opener.centerWindow (window); window.focus();} else { setTimeout('checksize()',250) } }</"+"SCRIPT>" );
w.document.write("<BODY onload='checksize()' onblur='window.close()' onclick='window.close()' leftMargin=0 topMargin=0 marginwidth=0 marginheight=0>" );
w.document.write("<TABLE width='100%' border='0' cellspacing='0' cellpadding='0' height='100%'><TR>" );
w.document.write("<TD valign='middle' align='center'><IMG src='"+img+"' border=0 alt='Mon image'>" );
w.document.write("</TD></TR></TABLE>" );
w.document.write("</BODY></HTML>" );
w.document.close();
}
//-->
</SCRIPT>

(en gras la chtite modif dans le popup)
ca devrait fonctionner je pense

Message édité par SICKofitALL le 23-11-2007 à 14:12:18

---------------
We deserve everything that's coming...

bob_le_marrant99

Je ne suis pas scripteur mais purement passionné c'est pour cela que je viens sur des forum pour demander de l'aide Et le script de base marche nickel j'ai bien pu l'implanter mais pas la fonction de centrage ^^

Merci pour ton aide et là c'est effectivement bcp plus clair.

Par contre sa marche pas autant sous IE que sous FF

SICKofitALL

misanthrope

ah bon ??
je check

---------------
We deserve everything that's coming...

SICKofitALL

misanthrope

heu écoute viens de copier/colle le code plus haut, l'insérer avec comme seul code HTML ceci :
<a href="#" onclick="PopupImage ('cover1.jpg')"><img src="cover1.jpg"></a>

et ca fonctionne sans soucis, centrage y compris

Donc à part "ca marche pas", tu as plus de détails ?

---------------
We deserve everything that's coming...

bob_le_marrant99

Ben c'est bizzard, car sous mes deux explorer, la fenêtre s'ouvre bien sa c'est ok, mais elle n'est pas centré sur mon écran (24" ) elle est décallée contre la droite par rapport au centre.

Je recopie/colle le code.

bob_le_marrant99

Heu vraiment bizzard quand je test offline sa marche pas ... mais là je viens de up la page sur mon hébergeur et sa marche !

Halalala les joies de l'informatique

Encore merci pour ton aide !

Publicité

Elmoricq

Modérateur

Ta page était surement en cache : en gros pour éviter de trop charger il garde en mémoire les pages plutôt que de les recharger à chaque coup. Généralement ctrl+f5 permet de recharger la page intégralement.

dwogsi

Défaillance cérébrale...

Je pense plutôt qu'il a testé la page en local et que du coup IE a bloqué le JS.

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/

bob_le_marrant99

Ha tient je connaissait le F5 mais le CTRL+F5 pour tout recharger sa pas, merci pour l'info !

Et oui j'ai remarqué qu'en local IE me bloc bcp de chose alors que par online pas ...

FORUM HardWare.fr

Programmation

HTML/CSS

Comment centrer l'ouverture d'un popup svp ?

Sujets relatifs
incrementation des noms de mes objets de contrôle a l'ouverture du doc	Centrer un site en 16001280 ou en 1024780
Mon popup ne fonctionne pas !!!	ouverture multiple d'iexplore
[RESOLU] ouverture et fermeture d'une popup	Comment faire une popup de confirmation et récupérer le choix
[ActiveX] IE plante à l'ouverture de mon activeX (.ocx)	Aide Dreamweaver ouverture de fram.
comment ne pas avoir un message d'erreur à l'ouverture si JS désactivé	comment centrer une popup lors de son ouverture
Plus de sujets relatifs à : Comment centrer l'ouverture d'un popup svp ?

Page générée en 0.064 secondes