Bonjour,
Est-ce que quelqu'un pourrais me donner une petite idée de comment faire pour actualiser l'onglet actif en lui envoyant une variable avec un bouton externe aux onglets.
Illustration :
Mes boutons externes ont le code suivant :
qui me lance la fonction dosomething sans rafraichir la page :
Code : Sélectionner tout - Visualiser dans une fenêtre à part <a href="javascript:doSomething('55847affe1f985.76713544');">0090003</a>
et voici le code de mes tabs :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 function doSomething(codigo) { alert(codigo); }
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25 $(document).ready(function() { $("#page_tabs li a").click(function() { $("#tabs-container").empty().append("<div id='loading'><img src='images/loading.gif' alt='Loading' /></div>"); $("#page_tabs li a").removeClass('current'); $(this).addClass('current'); $.ajax({ url: this.href, type: 'POST', data: ('codigo=XXX,&famille=XXX'), success: function(html) { $("#tabs-container").empty().append(html); } }); return false; }); $("#tabs-container").empty().append("<div id='loading'><img src='images/loading.gif' alt='Loading' /></div>"); $.ajax({ url: 'tab1.php', type: 'POST', data: 'codigo=XXX, famille=AZERTY', success: function(html) { $("#tabs-container").empty().append(html); } }); });Je ne sais pas quoi mettre dans "dosomething(mavariable)" pour rafraichir l'onglet actif en lui envoyant des nouvelles variables.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 <div id="page_tabs"> <ul class="mytabs" id="tabs"> <li class="current"><a href="tab1.php">Tab 1</a></li> <li><a href="tab2.php">Tab 2</a></li> <li><a href="tab3.php">Tab 3</a></li> </ul> <div class="mytabs-container" id="tabs-container"> Loading. Please Wait... </div>
Si quelqu'un peut m'aiguiller un petit peu ça serait sympa.
Merci d'avance
Sébastien
Partager