Bonsoir,

Ayant testé quelques "templates" de tabs en html/css, (https://demo.tutorialzine.com/2016/04/freebie-6-excellent-paginations-and-tabs/#tabs-colorful) je n'ai jamais trouvé un système qui permettrai de naviguer entre celles-ci uniquement via un lien (dans le premier onglet, je mets un lien qui dirigerai vers le 2e ou 3e...)

Si vous connaissez une template, ou si vous avez déjà créé, ou si vous avez une solution je suis preneur !

Merci

Bonjour,

Je ne suis pas certain de comprendre ton problème. Des templates de ce style il y en a plein, même celui que tu présentes semble très bien (je n'ai pas eu le temps de regarder la qualité du code derrière).

Après un template reste un template, je ne vois pas ce qui t'empêche de le modifier ensuite pour en faire exactement ce que tu veux. C'est d'ailleurs à cela que servent les templates...

Que veux tu faire exactement et précisément ?

Bonjour, je suis pas trop fan des truc tout fait mais du coup j'ai coder un truc vite fait qui correspond à ton exemple

Ma version 

Je ne sais pas si c'est ce que tu voulais mais si oui pense à mettre ton poste en résolut...

Bonsoir,

Excusez-moi d'avance, mais je pense que vous avez mal compris mon problème

En fait, je cherche à pouvoir faire en sorte de mettre un lien qui redirige vers une TAB. Je n'y arrive pas du tout même en redirigeant vers l'id de la div. (ex: passer de la tab 1 à 3 sans cliquer sur la 3, juste via un lien)

Hello,

Moi j'ai compris comme noopy360 

Si tu veux changer le comportement il suffit du changer les liens/ancres dans le code...

Et ce sont bien des liens qui sont utilisés avec la pseudo-class :target

Mais la je ne comprend pas  : " passer de la tab 1 à 3 sans cliquer sur la 3" , c'est au survol ??? 

Dans ton exemple on clique bien sur l'onglet 3 pour l'afficher non ?

-
Edité par Lucky13 18 janvier 2018 à 21:26:51

Bonsoir, le technique de mettre un id et de le rediriger ne marche pas.

Je vais illustrer ma demande :

En gros, pouvoir via un lien ouvrir une tab, au lieu de faire cliquer sur l'onglet l'utilisateur

Bein c'est le même principe -> https://jsfiddle.net/hj28d7zL/ 

Si tu clique sur l'onglet Tab1, tu as un lien dans le texte qui affiche Tab3

Merci, mais est-ce possible de l'intégrer à bootstrap ? La méthode de lien ne marche pas avec: https://jsfiddle.net/8jxLmwk1/

-
Edité par CorentinT 19 janvier 2018 à 9:36:35

Ah ok je comprend mieux ta situation, mais comme Boostrap ne m'intéresse pas  

Tu peux peut-être surcharger pour créer toit même le système ( du coup je parle sous le contrôle de Lamecarlate )

Ou bien utiliser jQuery UI. C'est la aussi une solution un peu lourde puisque c'est une librairie JS + son propre CSS, mais c'est justement fait pour simplifier l'interface utilisateur (pagination, système d'onglets ou drag&drop pour ne citer que ces composants) 

-> https://openclassrooms.com/courses/simplifiez-vos-developpements-javascript-avec-jquery/jquery-ui 

-
Edité par Lucky13 19 janvier 2018 à 10:35:54

-
Edité par CorentinT 20 janvier 2018 à 18:02:07