[JAVASCRIPT/Ajax] Menu par onglet coulissant assez Special

Menu par onglet coulissant assez Special [JAVASCRIPT/Ajax] - HTML/CSS - Programmation

Marsh Posté le 15-01-2009 à 18:44:26    

Salut :)
 
Je cherche à connaitre la faisabilité d'un système de menu par onglet particulier. J'ai farfouillé partout sur le net, sans vraiment trouver de réponse
 
Mon besoin serait de faire un truc dans ce genre la :
 
<|    [TAB1][TAB2][TAB3][TAB4][TAB5]   |>
        ---------------------------------
       |                                             |
       |                                             |
       |         contenu du tab                |
       |                                             |
       |                                             |
        ---------------------------------
 
 
Imaginons que j'ai 10 Tabs dans mon menu, mais seul 5 sont visible à la fois. Donc si je clique sur la flèche de droite (ou de gauche) (superbement dessiné :p) il faudrait que le menu "slide"
 
Mais le petit + produit est le suivant : je souhaiterais que les [TAB1] ET [TAB2] soit toujours visible eux, donc lorsque l'on clique sur les flèches, le reste du menu viendra coulisser sous les 2 premiers onglets :p
 
 
Oui je sais c'est compliqué, c'est pour ça que je viens demander votre avis fonctionnel et technique :)
 
Merci les gens :jap:


---------------
Oui je sais, je suis une merde en orthographe et alors ? Altcoin list: https://docs.google.com/spreadsheet [...] =286417424
Reply

Marsh Posté le 15-01-2009 à 18:44:26   

Reply

Marsh Posté le 16-01-2009 à 00:16:01    

En gros :
Tab 1 et 2 en dur.
Tab 3 à 10 glissant (Oui en français, on dit glisser...)
 
Question : Que vient faire l'ajax la dedans ?


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 16-01-2009 à 11:20:11    

Pareil : où est l'Ajax ?
 
C'est du bête JavaScript.
Essaye de trouver un script pour faire glisser des éléments  
 
En gros, il faut utiliser une fonction qui va afficher/cacher les éléments du menu au clic.
1. Pour tes flèches, tu utilises des liens <a href=# onclick="glisser(+1)"></a> (par exemple).
2. Tu nommes tes éléments de menu - ceux qui bougent - en leur donnant une ID de 0 à 7 (id="menu0" par exemple).
3. Dans ton JS tu caches/affiches les éléments en fonction du clic et de l'état précédent  
(utilisation de document.getElementById("menu0" ).style.display)
4. Tu caches (ou tu désactives) les flèches quand tu es au bout...
5. (facultatif) n'oublies pas de proposer une alternative par défaut pour ceux qui n'ont pas le JS...

Reply

Marsh Posté le 16-01-2009 à 11:31:13    

En fait, je pense que l'ajax c'est pour le contenu du tab.
Mais ça n'a quand même rien à voir avec le glissement.


---------------
Laissez l'Etat dans les toilettes où vous l'avez trouvé.
Reply

Marsh Posté le 16-01-2009 à 12:05:37    

massanu a écrit :

Je cherche à connaitre la faisabilité d'un système de menu par onglet particulier. J'ai farfouillé partout sur le net, sans vraiment trouver de réponse


Faisable techniquement, mais je me doute de l'usabilité d'un tel système. C'est pour faire quoi exactement ? C'est destiné à être où ?

Reply

Marsh Posté le 16-01-2009 à 17:19:52    

Merci à tous :)
 
En fait oui l'AJAX sera pour l'affichage du contenu dans la div de manière "jolie"
 
FlorentG : Ce système servira pour un dispositif d'affichage de produits sur une page d'accueil. Genre les dernières nouveauté de chaque catégories :)


---------------
Oui je sais, je suis une merde en orthographe et alors ? Altcoin list: https://docs.google.com/spreadsheet [...] =286417424
Reply

Marsh Posté le 19-01-2009 à 08:52:09    

massanu a écrit :

Merci à tous :)
 
En fait oui l'AJAX sera pour l'affichage du contenu dans la div de manière "jolie"
 
FlorentG : Ce système servira pour un dispositif d'affichage de produits sur une page d'accueil. Genre les dernières nouveauté de chaque catégories :)


d'un point de vue ergonomique, en ne montrant pas toutes tes catégories de produits, attends-toi à avoir bcp moins de clics sur celles qui sont cachées.

Reply

Marsh Posté le 19-01-2009 à 09:09:47    

Voilà, c'est à ça que je pensais. Ce n'est pas une interface qu'on voit beaucoup, donc le commun des mortels risque de ne pas bien piger comment ça fonctionne. Mieux vaut que toutes les catégories soient affichées.
 
Faudra pas hésiter à faire des tests utilisateurs.
 
Quelques infos par l'ami Jakob sur Tabs, Used Right (anglais).

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed