Discussion :

[3KyNoX]

Bonjour,

J'aimerais savoir si il est possible en théorie / en pratique d'avoir des onglets en ajax, comme cet exemple ici en html :

http://ekynoxx-studios.dyndns.org/index2.html

ou je vais charger dans chaque onglet une page web spécifique (ou inclure ce menu sur chaque page si c'est mieux dans ce sens) et qui permette pour chacune de ces pages de ne pas se recharger automatiquement chaque fois que je clique sur un des dits onglets et qui conserve l'historique de navigation.

Exemple : Je suis sur l'onglet 1 qui à chargé le contenu de ma page 1, je navigue sur plusieurs liens de ma page 1, je décide d'aller sur l'onglet 2 qui charge ma page 2, et quand je reviens sur l'onglet 1, il garde en mémoire ou j'ai navigué et affiche le dernier état de cette page. Pratique évetuellement si je charge un chat sur l'onglet 3, chaque fois que je navigue sur mes onglets, et que je reviens sur le chat, le chat ne se recharge pas à chaque fois.

J'espère que c'est compréhensif et surtout possible.

Merci d'avance.

[Bovino]

Tu prends le problème à l'envers.
L'avantage que peut apporter AJAX, c'est de ne mettre à jour qu'une partie de la page sans toucher au reste.
Toi, tu veux mettre à jour la page sans toucher à une petite partie.
Alors oui, techniquement c'est possible, mais cela va être inutilement compliqué à mettre en place par rapport à une inclusion du menu dans chaque page et surtout, ça risque d'être problématique pour tes utilisateurs qui peuvent ne pas comprendre en cliquant sur un onglet que ça a bien été pris en compte : plus tu as d'informations à récupérer, plus cela prend du temps et les utilisateurs sont par définition impatients !

[3KyNoX]

Merci Bovino de ta réponse.

J'avoue que je me perds un peu dans la définition du concept.

Dans ce cas quelle solution serait la meilleure pour faire ce que je souhaite ici, à savoir créer des onglets avec historique de navigation qui ne charge donc pas à nouveau la page à chaque fois que je navigue sur les onglets.

En pratique, le contenu des onglets inclueront :

tab1 : Page HTML simple de présentation
tab2 : mon bug tracker JIRA http://ekynoxx-studios.dyndns.org:8080
tab3 : mon wiki Confluence : http://ekynoxx-studios.dyndns.org:8090
tab4 : mon repository FishEye : http://ekynoxx-studios.dyndns.org:8060
tab5 : un forum phpBB
tab6 : le chat avec interface web : https://www.hipchat.com/gam1PwDf8
tab7 : tout autres page éventuellement requise

Merci d'avance.

[malgache]

Salut,

Pour ta navigation tu peux le faire assez simplement avec JQuery UI (widget TABS) mais par contre y'a pas de gestion d'historique ...

[3KyNoX]

Malheureusement, je souhaite savoir si cela est possible en gardant l'historique de navigation et si Ajax est bien la solution.

Merci.

[Bovino]

Non, vu le contenu de tes onglets, il n'y a selon moi aucun intérêt à utiliser AJAX.
Je pense même que ce serait une erreur niveau ergonomie à cause des probables temps d'attente avant l'affichage.

[malgache]

Ce que tu peux faire avec le système de tabs de jQuery pour éviter l'AJAX (je ne suis pas sur à 100% mais ça pourrai marcher), c'est que chacun de tes onglet aura un id, tu te rajotue une balise a pour avoir un menu de ce style

Code :

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

<li><a href="#contenue1" id="menu_contenu1"></a></li>

Donc dans ton url tu aura ton #contenu1, #contenu2 ... selon l'onglet sur lequel tu aura cliqué.

Après tu utilise l'objet history pour faire un retour en arrière. Du coup tu devrai pouvoir récupérer l'url précédente, et après en JS tu récupère le #contenuX et tu affiche le bon contenu