Bonjour à tous,
Je cherche à utiliser la méthode Add de tabs() pour ajouter des onglets cliquable à ceux déja existants
donc d'abord le code de création de mes onglets
et l'initialisation :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10 <div id="example" style="background:none"> <ul> <li><a href="gestion_revendeurs.php" title="tabs"><span>Listing revendeurs</span></a></li> <li><a href="ajout_revendeur.php>" title="tabs"><span>ajouter/modifier un revendeur</span></a></li> </ul> </div> <br/> <div align="left" id="tabs" class="ui-tabs-hide" style="background:none;overflow:auto;max-height:700px;max-width:900px" ></div>
Ensuite, en fonction de cases que l'on coche, cela ajoute des onglets comme ceci :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4 $(document).ready(function() { $("#example").tabs(); });
Mon onglet est ajouté dans ma barre d'onglet mais si on clique dessus la page "test1.php" s'ouvre dans la div "example" qui est celle des onglets.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2 $('#example').tabs('add', "test1.php", "Test");
La page doit s'ouvrir dans la div "tabs".
Pour obtenir ce résultat avec du code écrit en dur on précise title="tabs" dans les propriétés du <a>.
J'ai donc essayé ceci :
Mais dans ce cas, dès que l'onglet est créé ma div "tabs" et son contenu disparaissent...
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 $('#example').tabs('option', 'tabTemplate', '<li><a href="#{href}" title="tabs"><span>#{label}</span></a></li>'); $('#example').tabs('add', "test1.php", "Test");
Ce que je cherche à faire c'est créer un nouvel onglet dont la cible s'ouvrira dans la div 'tabs' mais je veux que la div 'tabs' continu d'afficher son contenu courant tant qu'aucun onglet n'a été cliqué.
Merci d'avance pour votre aide
Partager