AJAX : Actualiser à l'intérieur d'un onglet

Version imprimable

05/03/2009, 09h36
HappyTreeFred

AJAX : Actualiser à l'intérieur d'un onglet

Salut à tous !
J'ais un problème tous simple mais je ne vois pas comment faire :

j'ais créer des onglets en javascript.
L'un d'eux contient la liste de mes client ainsi qu'un formulaire d'ajout. Losque je valide mon formulaire, je souhaite actualisé la liste de mes clients. Ceci est tout-a-fait gérable en ajax mais j'ais préférer rappeler la même page html pour des soucies de maintenance...)

Le problème est qu'en rappelant ma page principale, je retourne par défaut sur l'onglet 1 et pas sur l'onglet sur lequel je travail :?

Quelqu'un à une idée sur la moyen d'actualiser l'intérieur d'un onglet ?

Merci
05/03/2009, 09h52
SpaceFrog

si tes onglets sont des onglets réalisés en js ça voudrait dire que ce sont des objets div ou span sur la même page ... il suffit de modifier leur ionnerHTML avec le retour de AJAX (responseText)

Voici mon code, j'ais une liste de client avec un formulaire vide en dessous, lorsque je selectionne un client, je veux que le formulaire se remplisse automatiquement sans changer d'onglet.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<div id="TabbedPanes1" class="TabbedPanels">
  <ul class="TabbedPanelsTabGroup">
 	<li class="TabbedPanelsTab" tabindex="1">Vehicule</li>
    <li class="TabbedPanelsTab" tabindex="2">Clients</li>
    <li class="TabbedPanelsTab" tabindex="3">Sinistres</li>
  </ul>
 
  <div class="TabbedPanelsContentGroup">
      <div class="TabbedPanelsContent"> 
         <cfinclude template="veh_vehicule.cfm">
      </div>
 
      <div class="TabbedPanelsContent"> 
         <cfinclude template="veh_clients.cfm">
      </div>
 
      <div class="TabbedPanelsContent"> 
         <cfinclude template="veh_sinistres.cfm">
      </div>
 </div>

ps : je developpe en coldfusion...