Créer son site d'élevage virtuel avec Webidev

Menu de sélection


Un menu de sélection avec bouton suivant, précédent et valider



Image




InformationsCoût : Variables : 1 | Actions : 3
Description : Un menu pour modifier la propriété d'un bidule avec boutons “précédent“, “suivant“, “valider“, pour par exemple choisir sa couleur.



| Procédé |

Dans la page d'un bidule, on souhaite dans cet exemple pouvoir choisir la couleur du bidule au moment de sa création. Une fois appuyé sur le bouton “valider“, la fenêtre se ferme et revient à la page du bidule.

- Créer une variable “couleur“ | Ni besoin ni vitale
- Créer une action “précédent“ | Affecte “couleur“ -1
- Créer une action “suivant“ | Affecte “couleur“ +1
- Créer une action “valider“ | Affecte “couleur“ +100

Dans la page bidule, on procédera ainsi pour la page de choix :

[*IF Var(“couleur“)<100]
Choissez la couleur de votre bidule !

[*IF Var(“couleur“)=0]Couleur bleu[*/IF]
[*IF Var(“couleur“)=1]Couleur rouge[*/IF]
[*IF Var(“couleur“)=2]Couleur jaune[*/IF]

[*IF Var(“couleur“)>0][*Mod Action(“précédent“)][*/IF]
[*IF Var(“couleur“)<2][*Mod Action(“suivant“)][*/IF]
[*Mod Action(“valider“)]
[*/IF]


Appuyer sur précédent et suivant permet de changer la couleur du bidule. Les boutons suivant et précédents sont cachés si la couleur est déjà au minimum ou au maximum. Dans cet exemple, le IF de l'action “suivant“ est à “<2“ car il y a 3 couleurs disponibles. Si vous avez davantage, il faudra modifier ce nombre. (Par exemple avec 8 couleurs, il faudra mettre “<7“)

Et le reste de la page bidule, visible après avoir pressé le bouton “valider“.

[*IF Var(“couleur“)>100]
La page de votre bidule.
[*IF Var(“couleur“)=100]Couleur bleu[*/IF]
[*IF Var(“couleur“)=101]Couleur rouge[*/IF]
[*IF Var(“couleur“)=102]Couleur jaune[*/IF]
[*/IF]


| Notes supplémentaires |

N'oubliez pas d'enlever les * !