Discussion :

[tataye54]

bonjour,

je ne sais pas si le forum css saura solutionner mon problème ou me mettre sur la piste, je posterai surement le même problème sur le forum javascript, pardon d'avance.

Je voudrais faire un bouton rond au centre de trois éléments de menu (trois liens ) et qui marquerait la selection
il faudrait que le curseur tourne avec la souris ou bien au survol du lien, et aille sur la position.

un peu comme un poste de radio.

est ce possible en css ? (a priori non, c'est pour cela que je reposte sur le forum javascript)

[sekaijin]

je ne suis pas sur mais je pense que tu veux faire un potar

je connais une lib pour les potars linéaire (sliders)
http://dev.sencha.com/deploy/ext-4.0...er/slider.html

mais rotatif ... je n'en connais pas.

on a vu dans divers systèmes (windows, Qt, Xwindow, etc) apparaître au fil des ans divers widget reproduisant un bouton rotatif. mais à la souris ce n'est pas très pratique. c'est pour cette raison je pense qu'ils ont tous disparu.
si un tel widget apparaissait sur les interfaces tactiles, Je crois que ça ne marcherais que si la gestuelle pour le manipuler s'avérerait efficace et intuitive.
à ce jour ce n'est pas facile.
on vois plus facilement des roue à la Ipod.

chose quasi inutilisable avec une souris.

pour répondre à ta question peut on faire un bouton rotatif en javascript/html/css ? OUI
existe-t-il de tels widgets en js ? pas à ma connaissance.
est-ce facile ? le principe consiste à afficher une image ayant subit une variation d'angle en fonction de la valeur associé. ce n'est pas très compliqué. le plus dur est de savoir comment maîtriser les mouvement de la souris. plus exactement quels mouvement provoque quel effet sur la valeur donc sur l'image. car si le tout n'est pas coordonné l'utilisateur ne pourra pas maîtriser le contrôle.


avec sencha et d'autre tu peux mettre un slider dans un menu
par exemple avoir un menu comme ici
dans le quel un bouton t'affiche un slider vertical
dans l'exemple de menu juste avant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
{
            text: 'Users',
            iconCls: 'user',
            menu: {

tu ajoute

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
{
            //text: 'Sound',
            iconCls: 'sound',
            menu: {
                xtype: 'menu',
                plain: true,
                width: 30,
                items: [
                Ext.create('Ext.slider.Single', {
                    hideLabel: true,
                    height: 214,
                    vertical: true,
                    minValue: 0,
                    maxValue: 100,
                    useTips: true,
                    values: [25]
                })]
            }
        },

et tu as un bouton dans ton menu lorsqu'on clique dessus un curseur vertical permet de régler la valeur.

c'est à mon avis beaucoup plus facile à utiliser.


A+JYT

[tataye54]

ce n'est pas une solution alternative que je cherche.
en effet , pour un menu vertical ou horizontal, j'ai plus ou moins des modules qui font le job.
non, la demande est précise, et il me faut dire à la personne qui me demande si c'est possible ou pas.

je m'achemine vers une proposition de liens en css avec des background image, tout en expliquant que c'est une mauvaise idée au niveau ergonomie

merci en tout cas pour les liens, j'ai beaucoup appris

[NoSmoking]

Bonsoir,
peut être une autre approche http://css.developpez.com/galerie/de...s/menu-soleil/

[tataye54]

Bonsoir,
peut être une autre approche http://css.developpez.com/galerie/de...s/menu-soleil/

c'est à peu près cela, en tout cas , c'est l'idée
la chose à bien définir c'est l'image du lien actif, et j'aurais voulu avoir un effet de transition.
or, je doute que cela fasse beau avec un sprite, alors qu'avec un rotate ...

bon, j'ai cru apercevoir deux cheveux blancs de plus ce matin, au moins je sais pourquoi.