Ouverture d'une fenetre photo

**solorac** · 15/01/2009, 10h10

Bonjour la Communauté,

Je cherche comment faire une fenêtre dans laquelle s'ouvrirait une photo lors que l'on a cliquer sur un lien.
cette fenêtre devra être de la dimension exacte de la photo et elle devra s'ouvrir au milieu de l'écran (aussi bien en hauteur qu'en largueur).

Avec targuet blank, cette nouvelle fenêtre active s'ouvrira sur la page initiale.

Merci pour votre aide

**Nnay_** · 15/01/2009, 10h56

Bonjour,

L'idée est d'ouvrir une fenêtre avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.open()

Doc

Ensuite, dans cette page, tu exécute cette fonction, je l'avais codée pour redimensionner une fenêtre aux dimensions d'une image :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
function redimFenetre(img) {
	height = img.height + 100;
	width = img.width + 30;
 
	window.resizeTo(width, height); 
}

il faut passer la reference vers l'image à cette fonction avec getElementById par exemple ou images[]
(je rajoute +100 et +30 aux hauteur, largeur à cause des bordures de fenêtres)

ensuite, pour repositionner ta fenêtre tu utilise ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

window.moveTo(x,y)

et

screen.availWidth
screen.availHeight
screen.Width
screen.Height

**SpaceFrog** · 15/01/2009, 10h57

y'en a plein les contribution et les sources sur ce forum

**le_chomeur** · 15/01/2009, 10h59

sachant qu'un popup risque d'être bloquée par certain navigateur / bloqueur de popup ...

utilise plutôt une popup under :-)

**solorac** · 15/01/2009, 14h45

Merci pour votre coup de main.
Ne connaissant pas du tout le javascript, c'est la raison pour laquelle je demandais votre aide.
Je vais essayé de mettre en place votre soluce.
@+

**solorac** · 16/01/2009, 12h08

Bonjour la Communauté,

L'ouverture de ma pop-up se fait correctement.
Mais impossible de la positionner malgré l'aide d'hier.
Le code sur la page "pop-up" semble ne pas fonctionner.

Code page "mère" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<SCRIPT language="javascript">
   function ouvre_popup(page) {
       window.open(page,"nom_popup","menubar=no, status=no, scrollbars=no, menubar=no, width=730, height=533");
   }
	</SCRIPT>
</head>
 
 
 
 
<body> 
<div id="container">
	<div id="content">
		<div id="right">
						<div class="thum">
						<A href="javascript:ouvre_popup('photo1.htm')"><img src="pla1.jpg" width="100" height="67" alt="Vue 1 sur l'entrepot" /></A></div>
 
		</div>
	</div>
</div>
</body>

Code sur la popup :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<SCRIPT language="javascript">
function redimFenetre(img) {
	height = img.height + 100;
	width = img.width + 30;
 
	window.resizeTo(730, 533); 
	window.moveTo(220, 150); 
}
</SCRIPT>
 
 
</head>
 
<body>
 
<div class="img"><img src="plateforme1.jpg" width="730" height="487" alt="Vue 1 sur l'entrepot" /></div>
</body>

J'espère que vous pourrez jeter un coup d'oeil réparateur.
@+

**solorac** · 16/01/2009, 16h05

J'ai simplifier mon code de ma page principale.
La popup s'ouvre correctement mais j'ai une marge d'un ou deux pixel en bas et à droite, et ce malgré le fait que je mis les dimension exacte.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<SCRIPT language="javascript">
 
	function ouvre_popup(page) {
    window.open(page,"photo1","menubar=no, status=no, scrollbars=no, menubar=no, width=730, height=487");}
 
	</SCRIPT>
 
 
 
 
</head>
 
 
 
 
<body> 
<div id="container">
						<div class="thum">
						<A href="javascript:ouvre_popup('photo1.htm')"><img src="pla1.jpg" width="100" height="67" alt="Vue 1 sur l'entrepot" /></A>
						</div>
 
</div>
</body>

Maitenant ce pose le probleme du centrage de la popup.
J'ai essayé bon nombre de solution trouvée sur le net mais aucune ne fonctionne. Je suis un peu bloqué.

Dans ma page qui fait office de popup, j'ai mis le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<SCRIPT language="JavaScript"> 
var largeur=screen.availWidth; 
var hauteur=screen.availHeight;
var demiL=((largeur-730)/2); 
var demiH=((hauteur-487)/2); 
window.moveTo(demiL,demiH); }
</SCRIPT>

Mais cela ne fonctionne toujours pas.

Quelqu'un aurait-il une idée ??? Je suis preneur.

Ouverture d'une fenetre photo

JavaScript

Vue hybride

Discussions similaires

Partager

Partager