Imprimer

[Michaelv]

Bonsoir à toutes et tous,

Je me suis donc lancé dans le nouveau site web en flash que je dois faire
Avant de vous donner le lien du début du boulot, je vous explique,

donc en fait c'est simple, je souhaite que l'utilisateur qui visite le site ne doive pas cliquer,
si il veux qu'un menu s'affiche, il passe son curseur dessus.

Mais, j'aimerais que l'utilisateur quand il est sur Informations par exemple, un autre petit bouton arrive juste en dessous permettant à l'utilisateur de cliquer sur une option du menu "informations" et un pop-up s'ouvre  lors du clic.

Regardez plutôt le bouton "Informations"; un bouton "test biensure" apparaît juste en dessous. Comment faire en sorte qu'il soit cliquable uniquement quand l'utilisateur est donc dans cette zone la. Une fois qu'il quitte la zone, paf, tout disparait.

lien du test pour que vous compreniez: http://www.jetsetsoho.be/sm/

merci

[Yorigami]

Je ne peux pas t'aider mais j'aimme beaucoup l'animation et le design...

[RMistral (Wisi)]

Bonjour,

Facile la question !!!!

Il faut un minimum d'astuce pour réaliser ta demande. Flash propose en ActionScript sur les MC  :

onRelease pour gérer le laché du bouton de la souris
onRollOver pour gérer le survol d'un MC
onRollOut pour gérer la sortie du survol d'un MC

Le problème et de gérer l'affichage du bouton du dessous au survol du bouton du dessus et de masquer le bouton du dessous quand il n'y a pas survol du bouton du dessus. Suis-je clair

En résumé c'est impossible puisque si je suis sur le bouton du dessous je ne suis plus sur le bouton du dessus (Merci Monsieur de la Palice)

Et pourtant ça marche Regarde ici

Cherche un peu maintenant.....

La soluce bientôt  

[Michaelv]

Le truc complètement trash à comprendre

je vais chercher ça

j'en apprend pas mal en m'étant inscrit sur ce forum merchi

[Michaelv]

Sans faire exprès via google, je suis tombé sur un tuto qui fait exactement ce que je veux

Pour ceux que ça interesse ou que ça interessera bientôt :



je vais donc tenter cette méthode

http://www.metamorphozis.com/tutorials/flash_dropdown_menu_in_flash_mx_2004_tutorial.shtml

[RMistral (Wisi)]

Bon j'ai regardé le tutorial que tu propose. C'est pas clean. Le code dans les MC des images clés.....

L'idée est la même que celle que je voulais te proposer  mais je pense que la mienne est plus propre et plus simple.

Le concept est le suivant :

3 MC dans la bibliothèque.

Le premier MC est un simple rectangle dont la surface doit être légèrement plus grande que la taille des 2 boutons superposés.

Le second MC est un bouton composé de 2 calques. Le calque le plus bas contient le graphisme du bouton le calque le plus haut le texte sur le bouton.

Le troisième MC est comme le second.

Ici de possibilités:
Soit créer un MC contenant 3 calques, soit 3 calques sur la scène. Je t'explique ici avec 3 calques sur la scène.

Sur la scène 3 calques. Sur le calque le plus bas le MC fond nommé fond_MC dans les propriétés.

Sur le calque au dessus une occurrence du MC du deuxième bouton créé. Il doit être placé sur le MC Fond.Le nommer : btbas

Sur le calque au dessus une occurrence du MC du premier bouton créé. Il doit impérativementre placé au desus du bouton précédent à son contact sans aucun espace entre les 2. Les 2 boutons devant être au milieu du fond_MC qui doit quand a lui débordé légerement des 4 côtés.le nommer : bthaut

Sur un quatrième calque nommé ActionScript ecrire le code suivant :

Code: [Sélectionner]

//Rendre invisible le bouton du bas
btbas._visible = false;
//Rendre le clip fond transparent
fond_MC._alpha = 0;
//Au survol du bouton du haut affiche le bouton du bas
bthaut.onRollOver = function(Void):Void  {
btbas._visible = true;
};
//Sur lache de bouton de souris sur le bouton du bas
btbas.onRelease = function(Void):Void  {
//Ici les actions à effectuer
Alerte.text = "Coucou";
};
//Si pointeur quitte la zone de fond bouton du bas invisible
fond_MC.onRollOut = function(Void):Void  {
btbas._visible = false;
Alerte.text = ""
};Après avoir testé il est possible de rendre le support graphique de btbas et bthaut transparent en double cliquant sur le bouton puis après sélection du support il faut régler dans la palette couleur le alpha à 0.

Bon courage et bon code.....

[Michaelv]

merci rmistral pour ton aide une fois de plus

check ceci:

http://www.jetsetsoho.be/sm/

(go direct 577 = gotoAndPlay(577) pr éviter d'attentre l'intro)

Bon, tu le vois peut être, mais sous Informations, ça load, ça marche mais au clik, pas d'ouverture de pop up..... j'ai testé à part de mon anim donc sur un nouveau document et ça marchait parfaitement....

donc j'sais pas trop d'ou vient le problême....
enfin un doute quand même.
aucune idée de ou mettre le calque "actionscript" cité plus haut...
mais pourtant je l'ai mis à divers endroits pr tester...
vu que ça fonctionne, le bouton s'affiche etc au passage..
mais il ouvre pas le pop-up, bizarre..
(pourtant bon code, l'action lors de l'appui sur le btbas:

getURL("http://www.addict2night.com","_blank");



regarde le screen..
[img align=http://www.jetsetsoho.be/wisi/wisi4.jpg]http://www.jetsetsoho.be/wisi/wisi4.jpg[/img]

Merci pour tout rmistral

bonne journée

[RMistral (Wisi)]

Bonjour,

Le site devient de plus en plus sympa !!!

Le code ne doit pas être écrit dans le bouton. Il doit être sur un calque a part sur la scène sur une image clé correspondante à l'image clé ou se trouve ton bouton. Par exemple si tu as mis ton bouton sur l'image clé 450 ton code doit être sur un calque action script avec une image clé à 450. Ton geturl me semble bon. Il doit être dans le onRelease de ton bouton ou dans le onRollOver. Je pense que si au survol du bouton flyers le popup s'ouvre cela va être casse pied pour celui qui ne souhaite pas ouvrir le popup donc de préférence à mettre dans le onRelease.

Je vois que tu utilise le symbole bouton. Pas bon ça !!!

Je te conseille d'utiliser des MC en lieu et place des boutons cela apporte plein d'avantage. Il y a avec les MC un plus grand nombre de propriétés qu'avec les boutons.

Autre chose je ne sais pas si se sont mes yeux ou mon écran ou mon grand âge mais je trouve tes polices de caractères un peu flous. J'ai l'impression que tu utilise l'anti-alias pour l'animation à la place de l'anti-alias pour la lisibilité !!!!

Regarde aussi la soluce que j'ai mis dans mon message précédent à base de MC ainsi que cette adresse sur le forum Flash de Wisibility pour architecturer un site full flash.

De par son organisation l’architecture multi niveaux t’évitera pas mal de galère. Notamment dans ton cas, les boutons mis sur un niveau séparé, faciliterai la mise au point du code. Je te cite :

j'ai testé à part de mon anim donc sur un nouveau document et ça marchait parfaitement....

Je suis en déplacement pro en province à partir d'aujourd'hui et jusqu'à dimanche. Je ne sais pas si j'aurais un accès internet possible (Les grosses boites et la sécurité....) donc ne soit pas étonné si je ne réponds plus pendant quelques jours.


Bon courage...

[Michaelv]

Merci pour ta réponse rmistral,

pas de mal entendu je veux que les gens puissent clicquer sur le sous-menu qui s'affiche lors du passage sur le menu.

Donc j'ai tester en mettant le calque actionscript (image clé) juste au dessus de l'image clé du calque du bouton...

tjrs rien...



t'a raison après ce site si je vais bien lire ton tuto pr l'architecture de site flash plus léger, mieux conçu, marre de bosser ds un bordel ki foire à tout bout de champ....

[RMistral (Wisi)]

Bonjour,

Le bouton doit porter un nom dans les propriétés. ensuite tu reprend le même nom dans ton code.


Courage cela marche toujours.... Un jour ou l'autre

[Michaelv]

Il se nomme btbas...

dans le code aussi

et toujours rien..

[RMistral (Wisi)]

Essaye de le tracer c'est à dire ecris trace("coucou") dans le onRelease pour voir s'il affiche coucou

[Michaelv]

Je viens de le tester donc,

rien ne s'affiche lors du clic..

[RMistral (Wisi)]

Là je vois pas !!!!

J'ai besoin d'une capture d'écran au niveau de la scène et de l'image clé contenant ton bouton et ton code...

[Michaelv]

Voila rmistral:

[img align=http://www.jetsetsoho.be/wisi/wisiscene1.jpg]http://www.jetsetsoho.be/wisi/wisiscene1.jpg[/img]

Le code présent dans le calque as:


//Rendre invisible le bouton du bas
btbas._visible = false;
//Rendre le clip fond transparent
fond_MC._alpha = 0;
//Au survol du bouton du haut affiche le bouton du bas
bthaut.onRollOver = function(Void):Void  {
    btbas._visible = true;
};
//Sur lache de bouton de souris sur le bouton du bas
btbas.onRelease = function(Void):Void  {
    //Ici les actions à effectuer
    getURL("http://www.addict2night.com","_blank");
};
//Si pointeur quitte la zone de fond bouton du bas invisible
fond_MC.onRollOut = function(Void):Void  {
    btbas._visible = false;
    Alerte.text = ""
};



[img align=http://www.jetsetsoho.be/wisi/wisisbout1.jpg]http://www.jetsetsoho.be/wisi/wisisbout1.jpg[/img]