Ver Mensaje Individual
  #5 (permalink)  
Antiguo 28/06/2011, 12:58
Avatar de Maxtp
Maxtp
 
Fecha de Ingreso: abril-2008
Ubicación: Quintana Roo
Mensajes: 15
Antigüedad: 16 años, 7 meses
Puntos: 0
Respuesta: Crear Tabs Jquery en Run-time

Hola ApipeMc Gracias por el interes
Te explico.
Tengo uno menu lateral con varias opciones mas o menos asi
Código HTML:
Ver original
  1. <ul class="submenu">
  2. <li><a href="#" title="content" id="open-computadoras">Computadoras</a></li>
  3. <li><a href="#" title="">Monitores</a></li>
  4. <li><a href="#" title="">Impresoras</a></li>
  5. </ul>
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 original
  1. jQuery(document).ready(function () {
  2.             var $tabs = jQuery("#tabs").tabs({
  3.                 tabTemplate: "<li><a href='#{href}'>#{label}</a><span class='ui-icon ui-icon-close'>Cerrar</span></li>",
  4.                 ajaxOptions: {
  5.                     error: function(xhr, status, index, anchor) {
  6.                         jQuery(anchor.hash).html("Error al cargar la pagina. Intentar de nuevo");
  7.                     }
  8.                 }
  9.             }).bind("tabsselect",function(event,ui){
  10.                 selectedTab = ui.index;
  11.                 selectedTabPanelId = ui.panel.id;
  12.             });
  13.             $( "#open-computadoras" ).live( "click", function() {
  14.                 $tabs.tabs('add', "main_monitor.php", "Monitores");
  15.                 $tabs.tabs('select', $tabs.tabs('length')-1);*/
  16.                 $tabs.tabs('load', $tabs.tabs('length')-1);
  17.             });
  18.         $( "#tabs span.ui-icon-close" ).live( "click", function() {
  19.             var index = $( "li", $tabs ).index( $( this ).parent() );
  20.             $tabs.tabs( "remove", index );
  21.         });
  22.         });

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