begin process at 2010 02 10 11:01:54
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Menu & navigation

 > MENU (REFAIT) SIMPLE JOLI EFFICACE AVEC ANIMATION

MENU (REFAIT) SIMPLE JOLI EFFICACE AVEC ANIMATION


 Information sur la source

Note :
8 / 10 - par 6 personnes
8,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Menu & navigation Classé sous :flash, menu, dynamique, xml Niveau :Initié Date de création :14/02/2007 Date de mise à jour :29/06/2007 02:09:53 Vu / téléchargé :27 904 / 6 756

Auteur : DarkM60

Ecrire un message privé
Commentaire sur cette source (31)
Ajouter un commentaire et/ou une note

 Description

Cliquez pour voir la capture en taille normale
Voilà une petite sourçe pour un menu que vous pouvez voir en fonctionnement ici : http://darkm60.free.fr/menu2/

Les éléments du menu sont personnalisables et pour en ajouter ou en retirer ou les modifier il suffit d'éditer le fichier menu.xml.
Vous n'aurez qu'à ajouter un élément, en écrire le titre et le lien.

Pour configurer le menu vous pouvez éditer le fichier config.xml dans lequel vous pourrez modifier les paramètres suivants :

bold="true"
font="Trebuchet MS"
size="15"
textcolor="0x000000"
lineco lor="0xC0C0C0"
backgroundcolor="0x333333"

Bold  : Si le texte est en gras ou non
font : Police d'écriture
size : Taille du texte
textcolor : Couleur du texte
linecolor : Couleur des lignes entre les éléments
backgroundcolor : Couleur du fond

A noter qu'il y a un problème que je vais résoudre avec le background color, pour l'instant veuillez le modifier via le .fla.

Source

  • Tout est dans le zip
Tout est dans le zip

 Conclusion

Il y a peu de temps je postais une sourçe sur mon menu, graphiquement il n'a pas beaucoup changé mais c'est surtout au niveau du fonctionnement qu'il a beaucoup évolué...

On m'avait fait remarqué qu'avoir 5 enterframe qui tournent en boucle tout le temps consommait beaucoup de ressources et c'est pourquoi j'ai tout ré optimisé, intégré la configuration par xml, et je gère l'animation avec une fonction et un setInterval.

Pour toute question, remarque, postez un commentaire, ou mailez moi : darkm60@gmail.com

DarkM

(PS: des mises à jours sont encore à venir)

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

15 février 2007 00:26:32 :
Précision concernant le problème de la trop grande consommation de ressource
17 février 2007 21:12:45 :
Grosse mise à jour : Gestion des xmls, onEnterFrame retirés, inclusion de la fonction backward pour lire l'animation à l'envers...
19 février 2007 17:51:26 :
Ajout d'un fichier MX 2004.
29 juin 2007 02:09:53 :
Mots clés plus pertinents

 Sources de la même categorie

Source avec Zip MENU EN ÉLLIPSE par ahmedarous312
Source avec une capture ALBUM PHOTOS DYNAMIQUE AVEC XML par titi57100
Source avec Zip Source avec une capture MENU ACCORDEON EN AS3 POO AVEC XML par Twinspirit
Source avec Zip EXPOGEN AS3 VESION 0.8 par remy2501
Source avec Zip UN MENU QUI BOUGE GRACE AU TWEEN par nomadman

 Sources en rapport avec celle ci

Source avec Zip Source avec une capture DIAPORAMA FLASH XML + FLASH par nixoulamasse
Source avec Zip Source avec une capture MENU ACCORDEON EN AS3 POO AVEC XML par Twinspirit
Source avec Zip Source avec une capture MENU XML ( AVEC TOUS UN TAS DE TRUCS ! ) par fguitton
Source avec Zip SLIDER MENU D'IMAGES DYNAMIQUES (XML) AVEC LIENS par nox_satanica
Source avec Zip Source avec une capture MENU DYNAMIQUE (XML) EN ACTIONSCRIPT par titi57100

Commentaires et avis

Commentaire de pegase31 le 14/02/2007 22:43:24 administrateur CS

Voilà une trés bonne source .. un excélent exemple de tout ce qu'il ne faut pas faire...

Des "enterFrame" en cascade, du code sur des boutons, rien de dynamique, le tout sur un fond Bitmap qui est inutile ... pas mal.

donc si tu as un jour un menu de 50 éléments, tu feras tourner 50 "enterFrame" ?
Heureusement que tu n'en as que 5 et que l'on ne tourne pas sous des P2 300 ...

Moi je serais toi, je reverrais mon code de pour placer les scripts de boutons de façon dynamique (avec un for, par exemple) sur la première frame et de leurs inclure le comportement sans enterFrame (surtout avec nextframe et prevframe).

Bon courage !

Peg'

Commentaire de DarkM60 le 14/02/2007 22:48:53

Désolé je viens de réaliser mon erreur... En effet c'est assez embêtant, maintenant je prévois même de charger la liste des éléments depuis un fichier xml, mais faut déja que j'assimile parfaitement le fonctionnement, je fais une mise à jour d'ici quelques jours, merci pour ton commentaire.

Commentaire de spootnik2 le 14/02/2007 23:35:03

Bonjour, je trouve ton flah super bien, mais j'ai une petite question, je souhaite ajouter des éléments de menu supplémentaires ?
comment puis je faire
merci
nico

Commentaire de DarkM60 le 15/02/2007 00:24:24

Hello, je ne sais pas si tu as lu le commentaire de Pegase31 ou le miens, mais pour faire court il reste quelques problèmes à régler notamment au niveau des ressources que consomment le script.

C'est pourquoi je te demande de repasser d'ici maximum une semaine histoire de me laisser le temps de corriger mon code :)

Commentaire de mouahaha le 17/02/2007 13:31:52

Je n'ai pas regardé la source, mais en revanche en ce qui concerne l'ergonomie du menu, je pense que l'animation pourrait être un peu plus rapide. Si tu gère ca avec des prevFrame et nextFrame, effectivement ce serait pas mal de revoir ca avec du code genre tout simplement une fonction avec un intervalle qui opère sur les propriétés des clips (_width et _alpha pour la barre orange par exemple), ce qui permettrait sans doute d'alléger le code.

Commentaire de DarkM60 le 17/02/2007 21:13:53

Niveau ergonomie c'est corrigé merci pour les conseils.

Commentaire de scara 51 le 18/02/2007 13:36:31

La source est pas mal, mais c vrai niveau lourdeur c pas ca.

Perso je l'aurai fait avec 2 événements onRollOver / onRelease (car si on maintient la souris enfoncée, onRollOver n'est pas activé) et avec un hitTest si la souris est tjs sur le MovieClip (si elle ne l'est plus, alors mettre fin à l'animation). Ce hitTest étant réalisé avec onEnterFrame ou avec un Interval.

Commentaire de DarkM60 le 18/02/2007 19:49:39

Scara par contre là je te contredis.

Si tu avais réellement, bien regardé, tu verrais que c'est déja fait avec onRollOver et onRelease... de plus de grands développeurs web recommandent de ne pas programmer de menus de navigations et autre en utilisant des hitTest... Enfin un Interval est déja utilisé, et un onEnterFrame quant à lui est déconseillé... Et "niveau lourdeur c pas ça" Bravo pour le terme "lourdeur" sorti d'on ne sais ou, mais en tout cas, sache que la nouvelle version a été testée sur un 300 mhz et il n'y a aucun problème, j'ai fais des tests de performance tout est ok maintenant. Donc ne parle pas sans savoir <_< la discussion précédente, concernant l'ergonomie et les ressources consommée date d'avant la mise à jour.

Commentaire de mouahaha le 18/02/2007 20:01:19

Scara > "avec un hitTest si la souris est tjs sur le MovieClip (si elle ne l'est plus, alors mettre fin à l'animation)" > il y a une fonction onReleaseOutside pour le cas où on relache hors du MovieClip, pas besoin de hitTest, qui serait comme l'a dit Dark très déconseillé.

Commentaire de DarkM60 le 18/02/2007 20:51:26

De toute façon, personnellement, lorsque je clique un objet puis que je bouge ma souris et relache, et en l'occurence sur un lien, c'est parceque je me suis rendu compte que je voulais pas y aller et donc que je ne voulais pas changer de page...

Sur un lien normal si tu relâche à l'exterieur le clique n'est pas pris en compte. Ca me semble logique.

Commentaire de scara 51 le 19/02/2007 01:03:32

Pour DarkM60 :
Pour avoir regardé rapidement la source, qd tu enfonces la souris sur un élément et que tu relâche en dehors, l'élément n'est pas désactivé graphiquement.
Je n'ai pas poussé + loin l'analyse.
Au niveau de la lourdeur, effectivement pas grand chose à redire sur la source. Tu as entièrement raison.

Pour mouahaha :
onReleaseOutside() est cool sauf qu'il n'est déclenché que lorsque la souris est relâchée et non lorsque la souris quitte le MovieClip.
Faire un hitTest dans un événement onEnterFrame doit manger bcp de ressources, mais dans un interval, c'est possible (et ca sera + rapide que de relâcher la souris ...).

Commentaire de DarkM60 le 19/02/2007 02:42:08

Ah pour le fait qu'il ne soit pas désactivé en effet cela pourraît être un problème je vais m'attarder là dessus.

Commentaire de MSJVDMGJLKGJ le 19/02/2007 07:34:47

Salut

Après DEZIPPAGE, le .Fla n'est pas reconnu, il y a une erreur....

Alors marche pas...

Commentaire de DarkM60 le 19/02/2007 12:29:16

Erf c'est un flash 8 Il faudrait que j'en fasse un pour MX 2004 ce que tu dois avoir je fais ça dans une heure.

Commentaire de spootnik2 le 19/02/2007 13:31:29

En tous les cas je te remercie, c'est vraiment ce que je cherchais, bravo !

Commentaire de cizo le 19/02/2007 17:44:49

j'ai flash MX 2004 et le fichier .fla n'est pas reconnu. Comment faire ?

Commentaire de DarkM60 le 19/02/2007 17:52:19

Voilà le fichier menu_mx2004 devrait être lisible par MX 2004.

Commentaire de scara 51 le 22/02/2007 12:27:32

Toujours pas de modification faite ?
Pour au moins éviter le bug, rajoute dans Element_mc :

this.onReleaseOutside = this.onRollOut;

Ca détecte pas si la souris est sortie ou non du clip mais ça évite que l'anim reste bloquée.

Commentaire de WhiteMagus le 28/02/2007 23:29:35

Salut !
Ben ça fait longtemps que j'ai pas posté... :D (on s'en fout de la vie de WhiteMagus... OK, OK, j'arrête).
Bon, alors j'ai pas Flash sur l'ordi sur lequel je suis actuellement, mais j'ai tout de même pu lire ton animation et quelques conseils d'esthétique me viennent tout de suite :
- les flèches, sur la gauche, doivent être des bitmap et tu les as mal intégré à l'anim : ça forme presque deux ronds accolés chez moi (avec une carte graphique qui est quand même pas trop nulle et FP 7.0 (oui, je sais, honte à moi, lol)
- Après survol, le restant de barre  gauche du bouton ne redevient pas transparent, mais reste encore un tout petit peu orange quelques fois.
- L'animation du rectangle manque de pêche, et est un peu longue, par rapport au texte contenu principalement.
- L'écriture est un peu trop basse, il y a pas d'espace entre le bas du rectangle et les lettre descendantes comme les p, les g, les j, etc...
- Plus d'ordre ergonomique, la zone de survol devrait même couvrir la zone entre les flèches et le texte selon moi (goût personnel).

Voilà... Sinon, c'est une bonne base pour un menu, à travailler (encore et toujours :D)

Bon courage en tout cas et bosse bien !

Commentaire de scara 51 le 02/03/2007 10:51:18

Me suis rendu compte que ce que je disais était stupide. Pour éviter un interval, la solution :
this.onDragOut = this.onRollOut;

Toujours au meme endroit.

Commentaire de Toni76 le 16/03/2007 23:14:32

Salut a tous déjà.

Ensuite, avec ta source, j'ai un problème.
J'ai beau modifier les fichier XML, pour mettre les menus correspondant à mon site, et aussi changer le design, mais cela ne marche pas, autrement dit, il n'y a aucun changement entre la version originale, et mes changements.
Est-ce que je doit modifier autre chose ou pas ? Sinon d'où cela viens et comment faire.
Sinon bravo pour ton menu, j'en cherche un depuis longtemps menu dynamique, et si jamais j'arrive à le faire marcher, cela me rendrais un grand service.
J'attends ta réponse.

Commentaire de DarkM60 le 17/03/2007 01:11:43

Ecoute euh faut que tu soit sûr d'avoir tout dézipper dans le même dossier, et que le fichier flash puisse bien accéder aux xml... Chez moi ça marche impecc j'viens de refaire le test avec la version en ligne... T'as du te planter en éditant, sauvegarder ailleurs, ou faire une erreur de ce genre quoi :x

DarkM

Commentaire de Toni76 le 17/03/2007 12:51:35

Pour la question de tout dézippe dans le même dossier, il n'y a pas de problème.

Par contre comment savoir si le fichier flash peut bien accéder aux xml ??

Sinon pour la question de sauvegarde, non, car sur notepad cela enregistre automatiquement, donc cela ne viens pas de ce côté.

En fait, mon problème, c'est que j'ai beau change le XML, le menu garde toujours la version original, pourtant quand je rouvre le fichier XML a nouveau, les changement y sont bien. Donc il doit y avoir un problème entre le XML, et le Flash. Mais comment y remédier, car je ne c'est pas quel logiciel il faut pour ouvrir un .fla.

Commentaire de Toni76 le 17/03/2007 13:59:34

Non c'est bon pour le nom de chaque menu, mais le problèm reste toujours pour changer la couleur du menu, (le fond, la couleur qui arrive au moment ou la souris passe, la couleur du texte, ....). J'aimerais savoir comment changer ces couleurs.

Commentaire de DarkM60 le 17/03/2007 23:52:24

Pour ouvrir un .fla il faut macromedia dreamweaver, et désolé mais pour changer certaines couleurs comme le fond le xml ne le supporte pas encore, j'ai pas fini de le programmer... Non réellement désolé mais pour le reste tu vas devoir te débrouiller et décortiquer ma sourçe un minimum.. Le niveau est "initié" c'est pas pour rien x)

Commentaire de chuky78 le 30/05/2007 06:03:55

Super ton menu je kiffe!

je cherchais justement un menu identique

merci encore

parametrable à souhaits et si on s'y connais un peut on peut faire des merveille

Commentaire de drbla le 07/07/2007 21:47:10

Bonjour, je trouve ton flah super bien

Commentaire de iomega le 16/08/2007 14:56:06

Super ton menu !!!
si je veux ajouter une image c'est possible avec le fichier xml ?
Merci beaucoup A+

Commentaire de nzaira le 16/11/2007 17:38:24

je m'excuse  mais j'ai une page web  composé de plusieurs frame et je doit utilise la proprieté target mais cela n'existe pas dans  les liens de menu.xml


<element titre="Home" lien="music.html"  /> comment faire pour ajouter le target?

comme: le lien normal <a href="xx.html" target="doc1">

Commentaire de didier1971 le 14/12/2007 17:04:28

Super menu par contre je suis un peu frustre car je ne peut pas trop le modifier j'ai flash MX version 6 et je 'arrive pas a ouvrir le fichier fla MX 2004 en fait la seul chose qui me gène c'est la double flèche a gauche en tout cas un grand merci

Commentaire de mister111 le 24/12/2009 14:13:26

meilleur menu Merci bien

 Ajouter un commentaire


Discussions en rapport avec ce code source dans le forum

Flash MX et XML [ par Kiouz ] Voila j'ai un menu en XML qui se trouve dans un swf à part. Dans celui-ci, il apparait et marche normalement.Mais quand je charge ce swf avec loadMovi Menu flash et xml [ par collombat ] je voudrais que mon menu déroulant (qui fait appel à un fichier xml) reste déroulé en passant d'une page à une autre. A chaque fois, il faut recliquer menu flash et xml [ par CalamityJane ] Bonjour à tous,J'ai un problème avec un menu que j'ai fait avec flash et xml. mes liens ne marchent pas, le menu s'affiche correctement suivant l'arbo pb menu flash+xml [ par benesp ] Salut,j'ai un menu qui fonctionne avec un fichier flash, un fichier xml et une feuille de style.mon pb c'est que la police utilisée est (inductio) ell xml flash frames [ par reso101 ] SalutJe cherche un moyen pour utiliser un menu elastik xml avec le système des frames ou mieux des niveaux sur flash (loadMovie).En effet quand je cli Menu Flash(dyn. avec XML) dans Frame HTML [ par Bob_Marley ] bonjour tlm!Voila j'ai un pti souci j'm'expliqueje voudrais inserer dans une frame html un menu réalisé en flashrempli dynamiquement avec un fichier X Flash et mysql [ par dcbastien ] Bonjour. Je cr&#233;e une animation qui contient un texte dynamique, qui est en fait un menu dynamique, dont les liens proviennent de mysql. Ce que j Menu XML ou TXT dynamique ? [ par pako56 ] Bonjour &#224; tous,Je d&#233;bute et j'ai chercher un peu sur les forums mais pas trouv&#233; ce que je voulais.. alors voil&#224;:Soit un menu genre URGENT: Menu dynamique en flash et probleme d'animation [ par darkange31 ] Bonjour &#224; tous! voila je travail actuellement sur la conception d'un menu dynamique . Pour le code pas de soucis mais pour l'animation du menu je création d'un menu dynamique flash avec le contenu des sous menus appelés depuis une BDD [ par rem78 ] Bonjour, J'aimerai avoir une aide sur la m&#233;thode &#224; employer pour cr&#233;er un menu dynamique sous flash compos&#233; de 3 niv de sous men


Nos sponsors


Sondage...

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,593 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales