Menu glow avec scroll automatique

    Partager

    Tekken
    Administrateur

    Nombre de messages: 1927
    Age: 33
    Logiciels: Suite CS5.5
    Date d'inscription: 02/01/2010

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Menu glow avec scroll automatique

    Message par Tekken le Ven 12 Mar - 23:23

    j'ai réussis à faire le menu, merci pour ce tuto artkabis, mais une petite chose me préoccupe, comme les uatres j'aimerais pouvoir changer le texte des bouton les uns indépendamment des autres et y insérer des liens

    j'ai essayer de bidouiller le code pour insérer des bouton1, boutons2, ect en ayant au préalable dupliquer les boutons, mais cela ne fonctionne pas, et je ne sais pas non plus comment défaire la boucle

    j'espère que quelqu'un pourra me répondre


    _________________

    Mon Site Creation
    Mon Site Personnel


    Tekken
    Administrateur

    Nombre de messages: 1927
    Age: 33
    Logiciels: Suite CS5.5
    Date d'inscription: 02/01/2010

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Menu glow avec scroll automatique

    Message par Tekken le Mer 17 Mar - 12:55

    personne ne sais ?


    _________________

    Mon Site Creation
    Mon Site Personnel


    artkabis
    Administrateur

    Nombre de messages: 4514
    Age: 28
    Logiciels: Photoshop CS4, Flash CS4, Indesign CS4, After Effects CS4, Illustrator CS4, Premier Pro CS4, Encore CS4, Flexbuilder 3, Papervision 3D, Camtasia, Captivate, InDesign, Swift 3d, Illustrator, Dreamweaver CS3, Blender, Swift 3D, WampServer.
    Date d'inscription: 11/09/2008

    Capacités en graphisme
    Capacité graph:
    9/10  (9/10)

    Re: Menu glow avec scroll automatique

    Message par artkabis le Mer 17 Mar - 13:46

    Salut alors pour modifier les titres de ton menu, je te conseille de créer une constante autant de titres que tu as de boutons:

    Code:
    const TITRES:Array = ['MonTitre1', 'MonTitre2', ...];

    ensuite dans la partie qui contient cette ligne de code:
    Code:
    bouton.titre.text = "bouton N°"+(i+1).toString();

    remplace là par ceci :
    Code:
    bouton.titre.text = TITRES[ i ].toString();


    _________________
    J'me fais de la pub et na tongue

    Kirkoo
    Newbie
    Newbie

    Nombre de messages: 46
    Age: 59
    Logiciels: Paint Shop Pro X3
    Photoshop CS4
    Flash CS4
    Dreamweaver CS4
    Date d'inscription: 17/02/2010

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Menu glow avec scroll automatique

    Message par Kirkoo le Mer 17 Mar - 17:06

    YESSSSSSS ça marche

    Merci beaucoup Artkabis pour l'info mais la j'ai encore un tit problème c'est pour faire un lien avec chaque bouton.... J'y arrive pas grrr

    J'ai essayé avec une var mais je suis complètement dans le champs.

    @+ et merci d'avance
    Kirkoo

    Tekken
    Administrateur

    Nombre de messages: 1927
    Age: 33
    Logiciels: Suite CS5.5
    Date d'inscription: 02/01/2010

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Menu glow avec scroll automatique

    Message par Tekken le Ven 19 Mar - 16:34

    ok pour cette partie ça fonctionne pour moi aussi, il me reste à trouver pour insérer des liens sur chacun de mes boutons, j'ai essayé d'ajouter une nouvelle variable ainsi qu'une fonction clic avec un ecouteur, mais rien ni fais, aucun lien ne s'ouvre.

    Code:

    var liens:Array = ['http://www.artkabis.net', 'http://www.artkabis.fr', http://www.google.fr, ........]

    bouton.addEventListener("mouseClic", mouseClicBt);

    function mouseClicBt (pEvt:MouseEvent):void{
          bouton.URLRequest = new URLRequest;
          bouton.navigateToURL('liens'); 
    }


    quelle est la formule magique à insérer ???


    _________________

    Mon Site Creation
    Mon Site Personnel


    Demeter
    Ancien staff

    Nombre de messages: 4569
    Age: 40
    Logiciels: Quelles logiciel utilisez vous?
    Logiciel Adobe Photoshop, flash, dreamweaver, the gimp, blender 3D, visual studio 2010, expression studio 4, Aptana studio 1.5, Illustrator, indesign.

    Date d'inscription: 14/07/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Menu glow avec scroll automatique

    Message par Demeter le Sam 20 Mar - 2:26

    Bonjour tekken alors ce n’est pas bien compliqué en fait tu code mal le addEventListener c'est comme ceci

    Code:

    var liens:Array = ['http://www.artkabis.net', 'http://www.artkabis.fr', http://www.google.fr, ........]

    bouton.addEventListener(MouseEvent.CLICK, mouseClicBt);

    function mouseClicBt (pEvt:MouseEvent):void{
          bouton.URLRequest = new URLRequest();
          bouton.navigateToURL('liens'); 
    }


    Alors je ne sais pas pour le reste du code comment tu l'implémente mais je pense que tu ne dois avoir qu'un seul bouton que tu joues hors il y a trois adresses url si tu répètes le même bouton je pense que tu devrais implémenter une boucle for qui reprend la valeur ( i )si tu veux un exemple plus concret fait moi signe.


    _________________

    Les Ateliers Designs

    Tekken
    Administrateur

    Nombre de messages: 1927
    Age: 33
    Logiciels: Suite CS5.5
    Date d'inscription: 02/01/2010

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Menu glow avec scroll automatique

    Message par Tekken le Sam 20 Mar - 13:58

    je me doute qu'il faut faire une boucle avec une valeur (i) mais justement je ne sais pas comment on fait

    alors oui je veux bien un exemple Wink


    _________________

    Mon Site Creation
    Mon Site Personnel


    Demeter
    Ancien staff

    Nombre de messages: 4569
    Age: 40
    Logiciels: Quelles logiciel utilisez vous?
    Logiciel Adobe Photoshop, flash, dreamweaver, the gimp, blender 3D, visual studio 2010, expression studio 4, Aptana studio 1.5, Illustrator, indesign.

    Date d'inscription: 14/07/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Menu glow avec scroll automatique

    Message par Demeter le Sam 20 Mar - 18:44

    Ok je te fournirais un exemple et un fichier fla quand je serais rentré chez moi ce soir.
    A bientôt tekken


    _________________

    Les Ateliers Designs

    Demeter
    Ancien staff

    Nombre de messages: 4569
    Age: 40
    Logiciels: Quelles logiciel utilisez vous?
    Logiciel Adobe Photoshop, flash, dreamweaver, the gimp, blender 3D, visual studio 2010, expression studio 4, Aptana studio 1.5, Illustrator, indesign.

    Date d'inscription: 14/07/2009

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Menu glow avec scroll automatique

    Message par Demeter le Dim 21 Mar - 1:05

    Voilà comme promis je t'ai préparé un petit menu qui fonctionne très bien.
    Donc voici le code :
    Code:

    // Tu décris le tableau de la légende du texte donc c'est le texte que tu vas afficher sur les boutons
    var legendes:Array = new Array ("Accueil", "Création Photoshop", "Création Flash", "Création Painting", "Création Autre", "Profil", "Cv en ligne", "Galerie Photographie", "Contact");
    // Le lien de chaque boutons dans un tableau
    var liens:Array = new Array ("index.html", "creation_photoshop.html", "creation_flash.html", "creation_painting.html", "creation_autre.html", "profil.html", "CV_en_ligne.html", "galerie_photographie.html", "contact.html");
    //tu crées la fonction pour créer un menu que tu peux très bien insérer dans un sprite
    function creerMenu():void
    {
       var lng:int = legendes.length; // tu implémente la longueur du texte
       var monBouton:Bouton; // tu décris la class du bouton que tu vas rechercher dans la bibliothèque
       var etatHaut:MovieClip; // ici tu décris l'état haut c'est un movieclip insérer dans le bouton même.
       
       for (var i:int = 0; i< lng; i++) //ici tu joues la boucle for temps que le i et plus petit leng la longueur tu fait
       //i++ donc qui équivaut a + 1 à chaque fois jusqu'au nombre total de valeur i donc qui équivaut au 9 légendes des boutons
       {
          // Création des occurrences
          monBouton = new Bouton();
          
          // Variable référençant le clip utilisé pour l'état haut
          etatHaut = monBouton.upState as MovieClip;
          etatHaut.maLegende.text = legendes[i];
          monBouton.lien = liens[i];
          
          //affectation du clip pour tous les états
          monBouton.upState = etatHaut;
          monBouton.downState = etatHaut;
          monBouton.overState = etatHaut;
          monBouton.hitTestState = etatHaut;
          monBouton.x = 300;
          monBouton.y = 2 + Math.floor(i / 1)*(monBouton.height + 5 );
          addChild(monBouton);
       }
    }

    creerMenu(); //tu joues la fonction creerMenu sans elle pas d'affichage des boutons

    // Capture des événements souris auprès du conteneur
    addEventListener(MouseEvent.CLICK, clicMenu, true);
    addEventListener(MouseEvent.ROLL_OVER, survolBouton, true);
    addEventListener(MouseEvent.ROLL_OUT, quitteBouton, true);

    //et ensuite tu joues toute tes fonctions

    function survolBouton(pEvt:MouseEvent):void
    {
       
    }

    function quitteBouton(pEvt:MouseEvent):void
    {
       
    }

    function clicMenu(pEvt:MouseEvent):void
    {
       trace(pEvt.target);
       trace(pEvt.currentTarget);
       // Ouvre une fenêtre du (d'un/de) navigateur pour le lien cliqué
       navigateToURL(new URLRequest(pEvt.target.lien), "_parent");
    }


    Et je te mets les liens du fichier fla je pense qu'avec cela tu devrais arriver à tes fin.


    voici le dossier fla


    _________________

    Les Ateliers Designs

    Tekken
    Administrateur

    Nombre de messages: 1927
    Age: 33
    Logiciels: Suite CS5.5
    Date d'inscription: 02/01/2010

    Capacités en graphisme
    Capacité graph:
    0/0  (0/0)

    Re: Menu glow avec scroll automatique

    Message par Tekken le Dim 21 Mar - 12:46

    génial ça fonctionne, merci demeter


    petite question, pourquoi on ne doit pas mettre d'identifiant "bouton" devant
    addEventListener(MouseEvent.CLICK, clicBt, true);


    alors pour les autres qui auraient eu le même problème que moi, voici donc juste ce que j'ai rajouter au code d'artkabis pour que ça fonctionne, car le fla de demeter est un document complet Wink


    autant de liens que de boutons définis
    Code:

    var liens:Array = ['http://www.artkabis.net', 'http://www.artkabis.fr', http://www.google.fr, 'http://creationtekken.gofreeserve.com',........]


    à l'intérieur de la boucle for :
    Code:

    bouton.lien = lien[i];
    addEventListener(MouseEvent.CLICK, clicBt, true);


    la fonction du clic :
    Code:

    function clicBt(pEvt:MouseEvent):void
    {
        trace(pEvt.target);
        trace(pEvt.currentTarget);
        // ouvre une fenêtre du (d'un/de) navigateur pour le lien cliqué
        navigateToURL(new URLRequest(pEvt.target.liens), "_parent");
    }



    encore un grand merci à toi demeter pour ton aide


    Dernière édition par Tekken le Dim 21 Mar - 18:00, édité 1 fois


    _________________

    Mon Site Creation
    Mon Site Personnel


      La date/heure actuelle est Lun 6 Fév - 13:33