[Jquery - Tabs] Comment actualiser l'onglet jquery actif a partir d'un lien externe aux tabs ?
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 :
http://debucquoi.com/images/Onglet-Codigo.jpg
Mes boutons externes ont le code suivant :
Code:
<a href="javascript:doSomething('55847affe1f985.76713544');">0090003</a>
qui me lance la fonction dosomething sans rafraichir la page :
Code:
1
2
3
| function doSomething(codigo) {
alert(codigo);
} |
et voici le code de mes tabs :
Code:
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);
}
});
}); |
Code:
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> |
Je ne sais pas quoi mettre dans "dosomething(mavariable)" pour rafraichir l'onglet actif en lui envoyant des nouvelles variables.
Si quelqu'un peut m'aiguiller un petit peu ça serait sympa.
Merci d'avance
Sébastien
