Dans ce tuto Flash ActionScript 3 d'1h 30 minutes, nous allons apprendre ensemble à créer un menu dynamique géré par un fichier XML contenant vos catégories et sous catégories de produits

Nous allons créer une barre de navigation qui sera un point de repère important puisqu'elle affichera la position de l'utilisateur dans le menu. Au passage de la souris sur l'un des sous menus, nous verrons l'apparition des images (dont les liens seront gérés via le fichier XML)

Ceci est le premier tuto d'une longue série consacrée à la création de menus pour site web eCommerce.

Au programme de ce tuto flash:

  • 1 - Création des objets graphiques sur la scène: nous allons dessiner le header et les éléments statiques du menu
  • 2 - Création des objets graphiques stockés dans la bibliothèque: les boutons du menu, la barre de navigation
  • 3 - Présentation du fichier XML (notion de hiérarchie de menu)
  • 4 - Description des dossiers utilisés
  • 5 - Programmation en ActionScript 3 : Chargement des objets de la bibliothèque, chargement de fichier XML, utilisation de variables XML; XMLList (filtre et itération), chargement des images et redimensionnement, utilisation avancées des tableaux (Array, et Object), filtre et recherche sur les tableaux, utilisation de la classe TweenMax de GreenSocks

Fichiers Support livrés avec le tuto :

  • Les images et les dossiers
  • Le tutoriel complet au format pdf
  • Un fichier excel détaillant le contenu des différents tableaux
  • Le fichier XML
  • Le source FLA et le swf

Jetez un oeil à ces autres tuto Flash, ActionScript 3

Diaporama Flash XML avec 10 transitions aléatoiresDiaporama Flash XML avec 10…
Dans ce tuto Flash, vous allez apprendre à réaliser un diaporama…

Jeu : Anagramme en FlashJeu : Anagramme en Flash
Ce tuto Flash et ActionScript 3 vous expliquera la programmation…

Diaporama XML avec Papervision 3DDiaporama XML avec Papervision…
Ce tuto Flash, destiné aux personnes ayant déjà un niveau…

Optimisation de référencement pour site flashOptimisation de référencement…
Dans ce rapide tuto en vidéo, découvrez mes recommandations…

Transmission de données Flash vers une base MySQL via PHPTransmission de données Flash…
Dans ce tuto Flash PHP, vous allez apprendre à transmettre…

Créer un dessin animé de A à ZCréer un dessin animé de…
Dans cette formation de près de 30h en vidéo, apprenez à…

Diaporama Cubique 3DDiaporama Cubique 3D
Ce tuto Flash vous expliquera comment programmer en Actionscript…

Envoi d'un mail avec Flash et PhpEnvoi d'un mail avec Flash…
Ce tuto Flash vous expliquera comment envoyer un email avec…

Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto Flash, ActionScript 3 de 1 heure 27 minutes est proposée dans une résolution plus grande que l’extrait suivant :

Partagez cet extrait

Lien vers cet extrait : Embed code :

paradoxe , Formateur

Consultant en informatique spécialiste SAP et nouvelles technologies depuis 10 ans. Je m'interesse de prés aux nouveaux supports RIA.

En savoir plus sur paradoxe


 

D'autres tuto de paradoxe

Super menu dynamique XML pour site eCommerceSuper menu dynamique XML pour site eCommerce
Dans ce tuto Flash ActionScript 3 de plus de 3 heures, nous allons apprendre ensemble…

voir tous les tuto de paradoxe

Notes attribuées par les utilisateurs (1 vote)

Note moyenne des utilisateurs  

Votez pour ce tuto


 

Les avis / Questions des utilisateurs (8)

par paradoxe
(auteur de ce tuto - 28 février 2011)

" Hello Sibuno,

Je t'envoi mon adresse email en MP, et tu envois ton fla, images, et fichier XML.
Tu m'expliques ce que tu veux et je laisserai des commentaires.
A bientôt "

par sibuno
(a acheté ce tuto - 28 février 2011)

" re salut.
en fait je te demande cette modif, car quand tu m'explique de insérer un noeud dans le fichier xml, je ne sais pas quoi mettre, et quand je lis ton code ça voudrait dire qu'il faut que je mette chaque lien de page dans l'actionscript????? je ne comprends pas trop, c'est pour cela que ej te demande de le faire et de poster les nouveaux fichiers sources.
merci d'avance "

par sibuno
(a acheté ce tuto - 27 février 2011)

" Merci de me répondre.
Puisque tu va mettre à jour les fichiers sources, ne peux tu pas aussi modifier ton fla et fichier xml pour que les sous menus pointent sur une url?
c'est juste que le titre de ton tuto c'est menu, donc en théorie c'est pour diriger quelque part selon un choix, là tu n'explique pas cette partie que je pense assez importante, puisque tu parles de menu, là pour ma part je ne peux en rien naviguer, ce qui est la fonction première d'un menu.
voilà ct juste mon petit avis, et merci d'avance. "

par paradoxe
(auteur de ce tuto - 27 février 2011)

" Bonjour Sibuno !!

Merci pour tes commentaires.
Pour le zip, je mets à jour...

Pour ta question sur la mise en oeuvre du menu dans un site, tu peux gèrer les liens des menus, ou sous menus en inserant (par exemple) un noeud dans le fichier xml. Ensuite, tu ajoutes un écouteur sur l'évènement MOUSE_UP: dans la fonction Menuloaded
tab_Menu[item.Categories_id].addEventListener(MouseEvent.MOUSE_UP,btnup);// ecouteur sur le clique


Ensuite, tu écris ta fonction btnup:
function btnup(e:MouseEvent):void {
// ici tu lis ton fichier xml, et tu navigues sur le lien grace à l'instruction:
{navigateToURL (new URLRequest ("tapage.html"), "_self");

// _self" indique le cadre qui est actif dans la fenêtre ouverte.
// _blank" indique une nouvelle fenêtre.
// _parent" indique le parent du cadre actif.
// _top" désigne le cadre de plus haut niveau dans la fenêtre ouverte.

}

Voilà, j'espère que ça réponds à ta question

Bye !! "

par sibuno
(a acheté ce tuto - 27 février 2011)

" re bonjour, dans le descriptif il est indiqué:
Fichiers Support livrés avec le tuto :

* Les images et les dossiers
* Le tutoriel complet au format pdf
* Un fichier excel détaillant le contenu des différents tableaux
* Le fichier XML
* Le source FLA et le swf
il manque le tuto en pdf, le fichier excel.
merci "

par sibuno
(a acheté ce tuto - 25 février 2011)

" bonjour et bravo pour ce tuto très original!!!!!!!!!!!!!!!

juste une chtite question, y aurait-il possibilité de faire pointer les sous menus vers des liens????
car là le menu est très beau visuellement mais je n'ai pas saisi comment faire pour utiliser vraiment ce menu.
merci d'avance. "

par paradoxe
(auteur de ce tuto - 07 janvier 2011)

" Hello,
Tu as une partie vidéo et sources en fichier ZIP.
Si tu ne l'as pas, fais moi signe et je le charge à nouveau ! "

par gedumansà voté :
(a acheté ce tuto - 07 janvier 2011)

" ou peut on telecharger les fichiers sources : Merçi "

 

Donnez votre avis ou posez une question au formateur.

Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous

Ce tuto en résumé ...

Ce tuto Flash, ActionScript 3 d’une durée de 1 heure 27 minutes a été acheté 39 fois et a reçu une note moyenne de 4/5.

Ce tuto a été publié le 30 novembre 2010 par paradoxe, contributeur, ayant reçu une note moyenne de 4/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto Flash Menu.

Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.

Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.

Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.

N'hésitez pas à nous contacter si vous avez la moindre question !