Problème de Boutons NEXT PREVIOUS !

[darkart]

Bonjour à tous,

Toujours dans le souci de finir mon site dans les plus bref délais, mais au mieux, je viens encore sur le forum pour d'autres problèmes que je n'arrive pas
à résoudre.

Cela se passe au niveau de la dernière partie du tutorial :

On a placé un bouton, "boutonP", permettant de scroller d'un projet à l'autre.

Dans mon cas, cette page n'est pas la page de projet en elle même, mais une page d'avant "goût" des projets.
Elle me permet juste de montrer à l'internaute les projets disponibles...

De ce fait je voudrais mettre un bouton NEXT et PREVIOUS, permettant de de scroller d'un projet à l'autre, et de ne pas avoir par exemple 4 boutons pour 4 projets, mais bel et bien 2 ( pour une meilleur utilisation, je mettrais un indicateur du type "projet 1/4" par exemple !).

J'ai placer deux boutons sur la page grâce au code suivant :

Code: Tout sélectionner

//Positionnement et dessin

         //Instances
         nextButton = new NextButton();
         previousButton = new PreviousButton();

         //Nom des boutons
         nextButton.name = "nextButton";
         previousButton.name = "previousButton";
         
         previousButton.x = 50;
         previousButton.y = -30;
         nextButton.x = 50; //stage.stageWidth - (nextButton.width + 5);
         nextButton.y = 50; //previousButton.y = stage.stageHeight - (nextButton.height + 5);
         
         //affichage des boutons sur l'interface !
         addChild(nextButton);
         addChild(previousButton);
         
         nextButton.addEventListener(MouseEvent.CLICK, afficheProjet);
         previousButton.addEventListener(MouseEvent.CLICK, afficheProjet);

Mais les deux dernières lignes ne font pas ce que je souhaite, cela me paraît évident, mais je ne vois pas très bien quoi mettre en fait !

Si quelqu'un pouvait m'aider ...

Merci à tous !

[explainMe]

Hello,

Alors à priori tes boutons sont bons, mais seuls ils ne suffisent pas !

Le principe avec des boutons NEXT et PREV, c'est qu'il faut savoir 2 choses :
- le nombre total de projets
- à quel projet on se trouve.

Comme ça tu peut effectuer des tests pour ne pas continuer à "scroller" lorsque tu est arrivé au bout :

Code: Tout sélectionner

if(projetActuel < totalProjets) {
      ...
}

Donc il te faut 2 nouvelles variables (introduites plus haut ), ET modifier la fonction afficheProjet(); :

Code: Tout sélectionner

function afficheProjet(event:MouseEvent) {
   var deplaceSections:Tween = new Tween(sections, "y", Strong.easeOut, sections.y, -event.currentTarget.indexProjet, 1, true);
}

qui scroll d'un projet à l'autre pour y introduire les tests.

De plus, attention, la ligne suivante n'est plus bonne seule :

Code: Tout sélectionner

var deplaceSections:Tween = new Tween(sections, "y", Strong.easeOut, sections.y, -event.currentTarget.indexProjet, 1, true);

Principalement car tes boutons ne comporte plus de propriété indexProjet, donc :

Code: Tout sélectionner

event.currentTarget.indexProjet

N'est plus valable (c'est pour ça que ça ne marche pas chez toi je pense...).

Par contre tu peut toujours définir une variable indexProjet qui vaudra 0 au lancement de l'animation, et à laquelle tu ajoute (ou soustrait) un nombre (égale à la hauteur d'un clip projet si tu scroll toujours sur l'axe des Y comme moi).

Voilà en gros le principe, y'a plus qu'à...