Discussion :

[hapalemur]

Bonjour,
Pour un site nécessitant une identification, je dois réaliser une page en 2 parties.
La partie supérieure de la page contient des données relatives à l'utilisateur connecté : données statiques puisqu'elles sont connues à la connexion.
Ensuite j'ai de 2 à 4 onglets (le nombre dépend des droits de l'utilisateur) qui permettent de choisir la partie principale de la page qui va être affichée. Cette partie principale contient de nombreuses données dynamiques qui seront obtenues avec Ajax/jQuery.
Ebauches de solution :

• Renvoi sur une page pour chaque onglet en construisant une liste :
  

  Code :

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

  1
  2
  3
  4
  5
  <ul>
  <li><a href="onglet1.html">Onglet 1</a></li>
  <li><a href="onglet2.html">Onglet 2</a></li>
  ......
  </ul>

  L'inconvénient de cette solution est de m'obliger de coder la partie supérieure dans onglet1.html, onglet2.html ... et de recharger la page complète alors que je n'ai besoin d'actualiser que de la partie principale
  
  
• Effectuer un chargement dynamique de code HTML :
  Un clic sur onglet1 effectue un appel Ajax afin de récupérer le code de la partie principale onglet1.html puis ce code est inséré dans le DOM, ensuite un autre appel Ajax permet de récupérer les données au format JSON afin de les afficher dans la partie principale

Peut-être y a t-il d'autres solutions? Quelle est la meilleure façon de procéder.
Merci.

[Geoffrey74]

Bonjour,

pour ce genre de chose j'utilise JQuery UI Tabs (https://jqueryui.com/tabs/)

Les contenus des différents Onglets sont chargés au chargement de la page et tu peux ensuite naviguer d'onglet en onglet sans chargement de page.

[Christophe P.]

Bonjour,

il me semble que les deux solutions proposées sont les plus courantes (que ce soit avec Ajax ou JQuery).
Il y a une autre solution pour des onglets à faible contenu (ce qui ne semble pas votre cas) : mettre le contenu dans des div cachés d'une unique page en fonction de l'onglet sélectionné.
Si vous voulez faire dans l'antique et l'obsolète, il y a les frames.

[Invité]

Bonjour,

la première chose à faire est sans doute de remplacer les extensions .html par .php !

Sinon, je pense que tu as répondu toi-même à la question.