|
|
|
 |
| > Besoin d'aide / popups et variables |
[ Posté par Byrds ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 02-03-2004 à 08:59 | 2 messages ]
Bonjour,
Je suis en train de découvrir plus ou moins le Javascript et j'avoue ne pas
tout comprendre.
Je possède une animation Flash sur laquelle on trouve 6 photos-vignettes
cliquables. Cette animation Flash est
accompagnée biensur de sa page HTML : sommaire.html.
Mon but est de faire apparaître une popup avec un agrandissement d'une photo
lorsque l'on clique sur la
photo-vignette correspondante.
Grace au script suivant j'ai pu, sans trop de difficulté, créer une popup.
Ma page dimenssionnée,
"chateau_int.html" s'ouvre normalement.
Seulement j'ai voulu répété ce code pour les 5 autres photos-vignettes. J'ai
donc copier 4 autres fois ce script qui sont
donc placés les uns après les autres. Ils sont donc semblables. Je n'ai
changé que le nom de la popup en bas du script
croyant que ce changement allait suffire pour l'identification de chaque
popup :
1) popup 1 : popup = window.open('chateau_int.html', 'TITRE',propriete)
2) popup 2 : popup = window.open('fleur_int.html', 'TITRE',propriete) etc...
Lorsque je clique sur une photo-vignette une popup s'ouvre bien mais elle ne
correspond pas à l'agrandissement de
de celle-ci. Elle me met toujours par défaut ce qui se rapporte au dernier
scrip, le 5ième. On dirait donc que les 4
scripts précédents n'existent pas, tout simplement.
Comment faire pour que le script 2, par exemple, corresponde à la photo 2,
le 3 au 3 et. C'est sûrement un
problème de variable mais je ne sais pas encore attribuer une variable à
telle ou telle action. Ou placer ces variables?
Sont-elles des chiffres, des lettres?
En espérant avoir été suffisament clair, j'ai des doutes, je vous remercie
pour votre aide que j'espère
véloce, claire et détaillée. Merci encore..
>>>>L'un des 5 scripts de la page html "sommaire.html" qui est l'édition
html de mon anime Flash.<<<<
<SCRIPT>
function lancerpopup( ) {
var lalargeur = 658 ; // ici la largeur du popup
var lahauteur = 555 ; // ici la hauteur du popup
var yes = 1;
var no = 0;
var menubar = no; // Fichier, Editiion, Affichage...
var scrollbars = no; // scrollbarre horizontale & verticale
var locationbar = no; // Barre d'adresse
var directories = no; // Barre de liens
var resizable = no; // Permettre la fenetre d'être redimensionné
var statusbar = no; // Status bar (with "Document: Done")
var toolbar = no; // retour, Home, Stop bar d'outil
var t = (screen.height-lahauteur)/2 ; // pour centre selon la hauteur de
l'écran
var l = (screen.width-lalargeur)/2 ; // pour centrer selon la largeur de
l'écran
propriete = "width=" + (lalargeur) + ",height=" + (lahauteur) + ",top="
+ t +",left=" + l ;
propriete += (menubar ? ",menubars" : "") + (scrollbars ? ",scrollbars" :
"") + (locationbar ? ",location" : "") + (directories ? ",directories" : "")
+ (resizable ? ",resizable" : "") + (statusbar ? ",status" : "") + (toolbar
? ",toolbar" : "") ;
popup = window.open('chateau_int.html', 'TITRE',propriete) ;
}
</SCRIPT>
>>>>Et voici l'action Flash écrite dans Flash pour chacune des 6
photos<<<<<<<<<
on (release) {
getURL("javascript:lancerpopup()");
}
|
[ Posté par SirJoJO ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 02-03-2004 à 11:03 | 1827 messages ]
|
Bonjour,
Ce script, tu n'as besoin de le mettre qu'une seule fois dans ta page.
Il faut légèrement le modifier pour l'adapter à tes besoins :
Code:
|
<SCRIPT>
function lancerpopup(page) {
var lalargeur = 658 ; // ici la largeur du popup
var lahauteur = 555 ; // ici la hauteur du popup
var yes = 1;
var no = 0;
var menubar = no; // Fichier, Editiion, Affichage...
var scrollbars = no; // scrollbarre horizontale & verticale
var locationbar = no; // Barre d'adresse
var directories = no; // Barre de liens
var resizable = no; // Permettre la fenetre d'être redimensionné
var statusbar = no; // Status bar (with "Document: Done")
var toolbar = no; // retour, Home, Stop bar d'outil
var t = (screen.height-lahauteur)/2 ; // pour centre selon la hauteur de
l'écran
var l = (screen.width-lalargeur)/2 ; // pour centrer selon la largeur de
l'écran
propriete = "width=" + (lalargeur) + ",height=" + (lahauteur) + ",top="
+ t +",left=" + l ;
propriete += (menubar ? ",menubars" : "") + (scrollbars ? ",scrollbars" :
"") + (locationbar ? ",location" : "") + (directories ? ",directories" : "")
+ (resizable ? ",resizable" : "") + (statusbar ? ",status" : "") + (toolbar
? ",toolbar" : "") ;
popup = window.open(page, 'TITRE',propriete) ;
}
</SCRIPT>
|
|
J'ai mis en paramètre de la fonction une variable page, qui contiendra le nom de la page que tu vas ouvrir dans le window.open.
De cette façon, tu peux faire comme ceci pour ouvrir une popup :
Code:
|
on (release) {
getURL("javascript:lancerpopup('chateau_int.html')");
}
on (release) {
getURL("javascript:lancerpopup('fleur_int.html')");
}
|
|
________________
Rechercher
| [ Posté par Byrds ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 02-03-2004 à 20:40 | 2 messages ]
SirJoJO, merci beaucoup pour tes explications. Je comprends mieux à présent.
Néanmoins tu me dis que l'on peut garder le même code pour toutes les popups. Mais seulement si les caractéristiques sont identiques, c'est bien ça?
Si par contre l'une d'entres-elles possède une taille différente, ou une disposition différente (portrait au lieu de payasage), comment procéder? Faut-il retaper tout le code essentiellement pour cette popup?
Merci encore.
Byrds.
| [ Posté par SirJoJO ] [ Détails ] [ Contact ] [ Citer ]
[ Posté le 02-03-2004 à 20:46 | 1827 messages ]
Dans ce cas là, tu passes d'autres paramètres dans ta fonction :
Code:
|
function lancerpopup(page, largeur, hauteur) {
var lalargeur = largeur ; // ici la largeur du popup
var lahauteur = hauteur ; // ici la hauteur du popup
....
}
|
|
Et tu appelles de cette façon :
Code:
|
on (release) {
getURL("javascript:lancerpopup('chateau_int.html', 658, 555)");
}
|
|
________________
Rechercher
|
|
Services email :
Vous devez vous identifier pour profiter des services par email du forum.
|
|
]
