Hola ApipeMc Gracias por el interes
Te explico.
Tengo uno menu lateral con varias opciones mas o menos asi
Código HTML:
Ver original<li><a href="#" title="content" id="open-computadoras">Computadoras
</a></li> <li><a href="#" title="">Monitores
</a></li> <li><a href="#" title="">Impresoras
</a></li>
Menu Lateral Contenido Tabs
Menu Principal
-Monitores - Link monitores.php
-Impresoras
Etc. Al dar clic en una opcion del menu quiero que me cree un tab y dentro tab estara lo que tengo en monitores.php
con este codigo ya logre que al dar click al menu me cree un tab me muestre el contenido
Código Javascript
:
Ver originaljQuery(document).ready(function () {
var $tabs = jQuery("#tabs").tabs({
tabTemplate: "<li><a href='#{href}'>#{label}</a><span class='ui-icon ui-icon-close'>Cerrar</span></li>",
ajaxOptions: {
error: function(xhr, status, index, anchor) {
jQuery(anchor.hash).html("Error al cargar la pagina. Intentar de nuevo");
}
}
}).bind("tabsselect",function(event,ui){
selectedTab = ui.index;
selectedTabPanelId = ui.panel.id;
});
$( "#open-computadoras" ).live( "click", function() {
$tabs.tabs('add', "main_monitor.php", "Monitores");
$tabs.tabs('select', $tabs.tabs('length')-1);*/
$tabs.tabs('load', $tabs.tabs('length')-1);
});
$( "#tabs span.ui-icon-close" ).live( "click", function() {
var index = $( "li", $tabs ).index( $( this ).parent() );
$tabs.tabs( "remove", index );
});
});
ahora lo que quiero es cerrar todos los tabs cuando cambie de categoria. es decir que cuando este navegando por el menu inventario los tabs se agregen. pero cuando cambia a consumibles se cierren todos los tab y crear uno nuevo con el contenido del link q seleccione.
ejemplo
Menu
Inventario
-Impresoras
-Computadoras
Consumibles
- Despacho
Un poco complicado