Gestion des onglets et affichage contenu

[ybezier]

Bonjour,

Je développe un site en php, html et je voudrais insérer dans une de mes pages une section avec des onglets.
Chaque onglet correspondra à l'affichage d'un contenu différent.
Je ne veux surtout pas que le clic d'un onglet chaîne sur un autre html ou php mais plutot qu'il active l'affichage d'un contenu lié à l'onglet cliqué et qu'il masque les contenu des autres onglets.

L'affichage des mes onglets est fait avec un css.

Code :

1
2
3
4
5
6
7
8
<div id="en-tete">
    <ul>
      <li2><a href="01.html"><span>Accueil</span></a></li2>
      <li2><a href="02.html"><span>Services</span></a></li2>
      <li2><a href="03.html"><span>Outils</span></a></li2>
      <li2><a href="04.html"><span>En savoir plus</span></a></li2>
    </ul>
  </div>

En fait, par exemple, quand je cliquerai sur le bouton "accueil", je souhaite afficher juste en dessous de ma barre d'onglet le contenu lié à ce bouton.
Et quand je clic sur le bouton "Services", je veux que le contenu lié au bouton "services" remplace le contenu lié au précédent bouton cliqué.

j'espère avoir été clair dans mes propos.
Je ne veux pas utiliser de javascript, tout en html.

Merci de votre aide.

[Bovino]

Je ne veux pas utiliser de javascript

C'est dommage vu que c'est le seul moyen
Du coup, la question subsidiaire : pourquoi ne pas vouloir utiliser de JavaScript ?

Et au fait, <li2>, ça sort d'où ?

[Vil'Coyote]

Envoyé par Bovino

Et au fait, <li2>, ça sort d'où ?

de la hotte du père noël ça semble d'occasion.

[eckerdecker]

Avec des liens qui pointent des fichier html, sans javascript tu n'as que la solution d'une iframe. Encore moins conseillé que le javascript selon moi. Sinon j'appuie la remarque faite sur le li2 ^^

[12monkeys]

Bonsoir

Il existe éventuellement une autre solution qui va conduire à recharger la page (j'ai pas vu que tu excluait cette possibilité !).

Donc avec tes liens tu renvoi sur la même page en ajoutant une variable dans l'url :

Code :

1
2
<a href="mapage.php?onglet=1">...</a>
<a href="mapage.php?onglet=2">...

Puis dans ta page tu gères l'affichage en php en fonction de la valeur de cette variable...

Comment ça c'est lourd