Discussion :

[diabolo46]

Bonjour je dois créer un site web entièrement en flash et je rencontre un problème pour ce qui est du menu.

Je dois donc utiliser un loader de .swf (ou simplement d'image .png) qui charge le contenu au milieu de la fenêtre, j'aimerais que lorsqu'on clique sur un des noms en bas de la page la page correspondante s'affiche.

Je vous met l'adresse du site pour que vous puissiez mieux comprendre : http://f.roges.free.fr/


Je joint le code utilisé:

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
stop();
 
//
//--------------------------------------------- Initialisations ---//
//
//
//--- Importation de la class Tween ---
//
import fl.transitions.*;
import fl.transitions.easing.*;
//
//--- Position initiale du curseur ---
//
var posInitCurseur:Number = menu.curseur.x;
var etatSousMenu:Boolean = false;
var sousMenuSelectionne:Number = 0;
//
//------------------------------------------- Animation du menu ---//
//
//
//--- Fonction deplaceCurseur ---
//
function deplaceCurseur(event:MouseEvent) {
    var translationCurseur:Tween = new Tween(menu.curseur, "x", Strong.easeOut, menu.curseur.x, event.currentTarget.x, 1, true);
}
//
//--- Fonction initCurseur ---
//
function initCurseur(event:MouseEvent) {
    var translationCurseur:Tween = new Tween(menu.curseur, "x", Strong.easeOut, menu.curseur.x, posInitCurseur, 1, true);
}
 
//
//--- Fonction afficheSousMenu ---
//
function afficheSousMenu(event:MouseEvent) {
    posInitCurseur = event.currentTarget.x;
    if (event.currentTarget == menu.bPortfolio) {
        sousMenuSelectionne = 1;
        if (etatSousMenu == false) {
            initSousMenu();
        } else {
            masqueSousMenu();
        }
    } else if (event.currentTarget == menu.bProfil) {
        sousMenuSelectionne = 2;
        if (etatSousMenu == false) {
            initSousMenu();
        } else {
            masqueSousMenu();
        }
    } else {
        if (etatSousMenu == true) {
            sousMenuSelectionne = 0;
            masqueSousMenu();
        }
    }
}
//
//--- Fonction initSousMenu ---
//
function initSousMenu() {
    //--- sous-menu 1 ---
    if (sousMenuSelectionne == 1) {
        menu.sousMenu.x = menu.bPortfolio.x - (menu.bPortfolio.width/2);
        menu.sousMenu.texteB1.text = "2D/Print";
        menu.sousMenu.texteB2.text = "3D/Animation";
        menu.sousMenu.texteB3.text = "Multimédia";
    }
    //--- sous-menu 2 ---
    if (sousMenuSelectionne == 2) {
        menu.sousMenu.x = menu.bProfil.x - (menu.bProfil.width/2);
        menu.sousMenu.texteB1.text = "Cursus";
        menu.sousMenu.texteB2.text = "Experience pro.";
        menu.sousMenu.texteB3.text = "Informations";
    }
    montreSousMenu();
}
//
//--- Fonction masqueSousMenu ---
//
function masqueSousMenu() {
    var translationSousMenu:Tween = new Tween(menu.sousMenu, "y", Strong.easeOut, menu.sousMenu.y, -35, 0.5, true);
    translationSousMenu.addEventListener(TweenEvent.MOTION_FINISH, sousMenuNo);
}
//
//--- Fonction montreSousMenu ---
//
function montreSousMenu() {
    var translationSousMenu:Tween = new Tween(menu.sousMenu, "y", Strong.easeOut, menu.sousMenu.y, -70, 0.5, true);
    translationSousMenu.addEventListener(TweenEvent.MOTION_FINISH, sousMenuYes);
}
//
//--- Fonction sousMenuNo ---
//
function sousMenuNo(evt:TweenEvent) {
    if (sousMenuSelectionne == 0) {
        etatSousMenu = false;
    } else {
        //--- On réinitialise le sousMenu ---
        initSousMenu();
    }
}
//
//--- Fonction sousMenuYes ---
//
function sousMenuYes(evt:TweenEvent) {
    etatSousMenu = true;
}
//
//----------------------------------------- Actions des boutons ---//
//
//
//--- bPortfolio ---
//
this.menu.bPortfolio.addEventListener(MouseEvent.MOUSE_OVER, deplaceCurseur);
this.menu.bPortfolio.addEventListener(MouseEvent.MOUSE_OUT, initCurseur);
//
//--- bProfil ---
//
this.menu.bProfil.addEventListener(MouseEvent.MOUSE_OVER, deplaceCurseur);
this.menu.bProfil.addEventListener(MouseEvent.MOUSE_OUT, initCurseur);
//
//--- bGoodies ---
//
this.menu.bGoodies.addEventListener(MouseEvent.MOUSE_OVER, deplaceCurseur);
this.menu.bGoodies.addEventListener(MouseEvent.MOUSE_OUT, initCurseur);
//
//--- bLiens ---
//
this.menu.bLiens.addEventListener(MouseEvent.MOUSE_OVER, deplaceCurseur);
this.menu.bLiens.addEventListener(MouseEvent.MOUSE_OUT, initCurseur);
//
//--- bContact ---
//
this.menu.bContact.addEventListener(MouseEvent.MOUSE_OVER, deplaceCurseur);
this.menu.bContact.addEventListener(MouseEvent.MOUSE_OUT, initCurseur);
 
//
//--- bPortfolio ---
//
this.menu.bPortfolio.addEventListener(MouseEvent.CLICK, afficheSousMenu);
//
//--- bProfil ---
//
this.menu.bProfil.addEventListener(MouseEvent.CLICK, afficheSousMenu);
//
//--- bGoodies ---
//
this.menu.bGoodies.addEventListener(MouseEvent.CLICK, afficheSousMenu);
//
//--- bLiens ---
//
this.menu.bLiens.addEventListener(MouseEvent.CLICK, afficheSousMenu);
//
//--- bContact ---
//
this.menu.bContact.addEventListener(MouseEvent.CLICK, afficheSousMenu);

S'il existe un autre moyen d'afficher les pages sans annuler l'animation du curseur je suis preneur, merci a tout ceux qui prendront le temps de m'aider