Navigation par onglet html/javascript

Fermé

lud1979 Messages postés 51 Date d'inscription dimanche 19 mars 2006 Statut Membre Dernière intervention 27 juillet 2013 - 4 janv. 2011 à 13:33
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 - 6 janv. 2011 à 14:48

Bonjour et bonne année à tous,

j'utilise des classes javascript toutes faites pour faire une navigation par onglet

<html>

<body>
// mes onglets sont définis de la sorte:
           <ul class="tabs innertab">
              <li class="active"><a href="#a">article1</a></li>
              <li><a href="#b">article2</a></li>
              <li><a href="#c">article3</a></li>
	      <li><a href="#d">article4</a></li>
              <li><a href="#e">article5</a></li>
              <li><a href="#f">article6</a></li>
           </ul>

// Et le contenu de mes onglets de la sorte
<div style="display: block;" id="a" class="tab_content"> 
 // description de l'article 1
</div>
<div style="display: block;" id="b" class="tab_content"> 
 // description de l'article 2
</div>
<div style="display: block;" id="c" class="tab_content"> 
 // description de l'article 3
</div>
etc
</body>
</html>

La navigation fonctionne bien quand je suis sur ma page.
Le problème si je suis sur une autre page et que je veux arriver par un lien sur l'onglet correspondant à l'article 4 par exemple, je n'y arrive pas.
j'ai essayer de faire un

<a href="mapageaonglet.html#d>

ca ne fonctionne pas
Je pense qu'il faudrait envoyer une instruction <li class="active"> en javascript devant mon

<a href="#d">article4</a>

Mais je ne sais pas comment faire

A voir également:

Navigation par onglet html/javascript
Navigation privée - Guide
Rouvrir onglet fermé - Guide
Telecharger javascript - Télécharger - Langages
Editeur html - Télécharger - HTML
Effacer les données de navigation - Guide

3 réponses

Réponse 1 / 3

avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 505
4 janv. 2011 à 18:21

Salut.

Tu peux utiliser document.location.hash pour récupérer l'ancre.
Par contre, il y a le « # » au début de la chaine.

Réponse 2 / 3

lud1979 Messages postés 51 Date d'inscription dimanche 19 mars 2006 Statut Membre Dernière intervention 27 juillet 2013 7
6 janv. 2011 à 13:24

merci mais que faire apres avoir récuperer l'ancre?

Réponse 3 / 3

avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 505
6 janv. 2011 à 14:48

Tu affiches le bon div au chargement (onload)

Discussions similaires

[Navigation Internet] Trace de navigation

Onglet disposition Excel ne s'affiche pas

Javascript Arrondi à 2 chiffres après la virgule

la balise ou

ou ou