Menu avec roulette

Soyez le premier à donner votre avis sur cette source.

Vue 9 676 fois - Téléchargée 1 313 fois

Description

C'est un menu qui utilise une roulette pour se déplacer. C'est un projet que j'ai trouvé dans mes dossiers il y a quelques temps. Pour meilleurs résultats, utiliser Safari ou Firefox, car IE ne gère pas encore la propriété CSS border-radius.

Source / Exemple :


--> Dans le ZIP <--

Conclusion :


Je crois qu'il y a un moyen de comprimer encore plus ma source avec des tableaux et des boucles mais je ne m'y suis pas encore arrêté. J'ai encore quelques petits problèmes à règler (transformer les champs caché en variable, transformer le div en image...)

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

Arto_8000
Messages postés
1044
Date d'inscription
lundi 7 mars 2005
Statut
Membre
Dernière intervention
13 juillet 2010
5 -
L'idée est intéressant, mais la façon que c'est codée l'est moins.

Côté HTML :

- Tout le style CSS ne doit normalement pas se trouver dans ton code HMTL. Dans un fichier externe est l'idéal.
- Les balises dans ton code sont soit tous en majuscule ou tous en minuscule pas les deux.
- Les valeurs des attributs dans ton code HTML doivent être toujours entre guillemet.
- Quand une balise n'a pas de balise de fin comme la balise br ou link, on doit mettre un "/" à la fin de la balise (ex.:
).
- Mettre un doctype à ta page est bon, mais assure toi au moins que ta page rencontre les normes pour avoir ce doctype. Pour savoir si tout est correct, valide le sur : http://validator.w3.org/.

Côté Javascript :

- Ton code est illisible. Indente le et met des commentaires.
- Des variables globales sont à préférer au lieu de passer par des inputs de type caché. Une variable globale peut être déclaré de deux façons. Quand tu es à l'extérieur d'une fonction, on écrit "var nomDeTaVariable='une valeur'" et quand on est dans une fonction c'est la même chose, mais sans le "var".
- Des noms plus significatif que "test", aiderai aussi beaucoup à la compréhension de ton code.
@karamel
Messages postés
1723
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
20 novembre 2019
49 -
c'est vrais que l'idée est intéressante mais il y a encore du travaille afin d'obtenir quelque chose de fiable
bw_hades
Messages postés
5
Date d'inscription
lundi 18 décembre 2006
Statut
Membre
Dernière intervention
25 mars 2009
-
Je rejoins Kazma, le concept est sympa. Par contre, niveau ergonomie et intuitivité, étant donné qu'on voit déjà les différents éléments accessibles, il est plus "logique" de vouloir cliquer dessus plutôt que de "tourner" la roulette pour les atteindre.
Il faudrait voir la réaction d'utilisateurs si on cache la liste des éléments !

Une remarque : sous firefox, lorsque je déplace la souris dans le carré jaune (le bouton), c'est comme si je me déplaçais dans la roulette, l'élément sélectionné change...

Je n'ai pas regardé le code, donc pas de commentaire dessus.

Bonne continuation en tout cas.

P.-S. : c'était mon premier commentaire !!
jdmcreator
Messages postés
647
Date d'inscription
samedi 30 décembre 2000
Statut
Membre
Dernière intervention
20 juillet 2012
3 -
Bonjour,

@ Arto_8000 : J'ai créé une nouvelle version. Cette fois les styles CSS sont entièrement dans le fichier css.css . Le fichier HTML est validé par le validateur W3C et tu avais raison, j'ai mis la mauvaise doctype. Aussi j'ai mis les balises en minuscules.

Pour le code javascript, je l'ai espacer et j'ai rajouter quelques commentaires. J'ai remplacé les champs cachés par des variables au nom intuitifs.

Merci, pour tes commentaires constructifs ;)

@ Kazma : Merci mais pourrais-tu donner plus de détails sur un résultat fiable ?

@ BW_Hades : Que veux tu dire par cacher la liste des éléments, je comprends mal le concept. Quand au carré jaune, c'est normal cela faisais ça dans tous les navigateurs, j'ai réglé le problème dans cette nouvelle version.

Merci beaucoup,

JDMCreator
bw_hades
Messages postés
5
Date d'inscription
lundi 18 décembre 2006
Statut
Membre
Dernière intervention
25 mars 2009
-
@ JDMCreator : je vais essayer d'être un peu plus clair... En l'état aujourd'hui, le visiteur du site voir la liste des options possibles et doit tourner la roulette pour sélectionner celle qu'il veut puis appuyer sur bouton pour la valider.
En terme de praticité, je pense que bon nombre de visiteurs préfèreraient cliquer directement sur l'option voulue plutôt que de tourner la roulette.
Ce que je proposais, c'était de ne pas afficher cette liste d'options justement. En tournant la roulette, l'utilisateur verrait qu'elle option est sélectionnée, mais les autres options possibles ne seraient pas visibles à l'écran.
Ca pose le problème de ne pas connaître à l'avance les options possibles mais bon, ce qui n'est pas forcément plus agréable pour l'utilisateur.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.