Discussion :

[didite49]

Bonjour,

J'ai un soucis assez particulier. J'ai besoin d'ouvrir un pop up pour afficher les détails d'un produit.
Voici mon code dans le head :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<SCRIPT language=javascript>
<!--
 
function PopUp0(URL,largeur_popup,hauteur_popup,num) {
var left;
var top;
top = ((screen.height -hauteur_popup) / 2);
left =	((screen.width - largeur_popup) / 2);
win  = window.open(URL+"?id="+num, "Détail", "scrollbars=auto, resizable=yes, width="+largeur_popup+", height="+hauteur_popup+", left="+left+", top="+top+"")}
-->
 </SCRIPT>

Voici le lien que j'utilise pour appeler la fonction ci-dessus :

Code :

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

1
2
 
<a href="#" onclick="PopUp0('detail.php',650,500,'<? echo $id; ?>')">+ de d&eacute;tails</a>

La fenêtre s'ouvre dans les dimensions données et on peut très bien la redimentionner. Le seul problème vient des scrollbars. j'ai essayé toutes les possibilités (yes, no, auto, avec ou sans '' autour) mais rien y fait, je n'obtiens jamais de scrollbars. J'ai testé sous IE, mozilla, Opéra et sur plusieurs postes différents.

Est-ce que quelqu'un à une idée sur le pourquoi du comment ?

merci d'avances pour vos futures réponses.

Didite

[SpaceFrog]

peut être un souci avec des caractères de la variable php ???

et ton id doit être une chaine string non ?

Code :

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

1
2
 
onclick="PopUp0('detail.php',650,500,'escape(\'<? echo $id; ?>'\)')">

ou

Code :

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

onclick="PopUp0('detail.php',650,500,'\'escape(<? echo $id; ?>)\'')">

[SpaceFrog]

et apriori pas besoin du +"" à la fin

Code :

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

win  = window.open(URL+"?id="+num, "Détail", "scrollbars=auto, resizable=yes, width="+largeur_popup+", height="+hauteur_popup+", left="+left+", top="+top)}

[didite49]

Merci d'avoir essayé, mais mon souci n'est pas dans le passage de variable, cela fonctionne très bien.

Mon seul soucis est que j'ai aussi des données variables dans la page que j'affiche et donc j'aimerai que cette page puisse avoir des scrollbars, et apparemment ils ne prend pas en compte cette option dans ma fonction d'ouverture du pop up.

d'autres idées ?

[E.Bzz]

Bonjour,

j'aimerai que cette page puisse avoir des scrollbars, et apparemment ils ne prend pas en compte cette option dans ma fonction d'ouverture du pop up.

elles ne sont pas affichées, ou tu ne peux pas les utiliser ?
Dans le 2° cas, ça dépend de la taille de ta page (et de la fenêtre) ...

A+

[didite49]

Elle ne sont pas affiché du tout, je fait exprès de réduire ma fenêtre au maximum pour voir si elles s'affichent

[Matthieu2000]

vérifie la feuille de style

[didite49]

J'ai pas l'impression que ça vienne de là.
Voici le style de la page du pop up :

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
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<style type="text/css">
<!--
body {
	background-color: #02070A;
	margin: 0px;
}
.Style36 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #FFFFFF; }
.Style37 {font-size: 16px}
.Style39 {font-size: 16}
.Style41 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; }
.Style46 {font-size: 10px; color: #000000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.Style48 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.Style49 {font-size: 18px}
.Style50 {color: #000000}
.Style57 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; }
.Style58 {font-size: 20px; font-weight: bold; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
.Style60 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #333333; }
	/* hide from ie on mac \*/
	html {
		height: 100%;
		overflow: hidden;
	}	
	#flashcontent {
		height: 100%;
	}
	/* end hide */
	body {
		height: 100%;
		margin: 0;
		padding: 0;
	}	
	a {	
		color:#cccccc;
	}
</style>

[E.Bzz]

J'ai pas l'impression que ça vienne de là.

Ptête ben qu'si :

Code :

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

1
2
3
4
	html {
		height: 100%;
		overflow: hidden;
	}

A+

[didite49]

Merci beaucoup

Effectivement, j'avais testé en l'enlevant, mais j'avais laisser scrollbars=auto et ça ne fonctionnais pas. Par contre avec scrollbars=yes, ça fonctionne.

L'idéal serai que ça fonctionne avec le auto, mais je me contenterai grandement de yes lol.

Avez vous quand même une idée pour que cela fonctionne en auto ?

[E.Bzz]

Avez vous quand même une idée pour que cela fonctionne en auto ?

Dans ce cas, c'est le nav qui décide en fonction de la taille de la page ...
Sauf à agrandir celle-ci artificiellement ...

A+

[didite49]

merci pour votre aide, je considère mon soucis principal résolu.

A bientôt