jQWidgets Forums

Forum Replies Created

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts

  • miguels
    Participant

    this is my code .. so completely as I have just created a pore for each menu tabs do not load the page in the content tab


    miguels
    Participant

    ok sorry this my code in HTML

        <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" />
        <link rel="stylesheet" href="../jqwidgets/styles/Custom.css" type="text/css" />        
        <script type="text/javascript" src="../Scripts/jquery-1.11.1.min.js"></script>
        <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script>
        <script type="text/javascript" src="../jqwidgets/jqxtabs.js"></script> 
        <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script>
        <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script>
       <script type="text/javascript">
             $(document).ready(function () {
                 var tabsCount = 0;
                 var cont;
                 var visible = false;
                 $('#jqxtabs').on('removed', function (event) {
                     var index = event.args.item;
                     cont = $("#jqxtabs").jqxTabs('length')
                     if (visible == true) {
                         if (cont == 0) {
                             $('#jqxtabs').jqxTabs('addAt', 0, "", "");
                             $("#jqxtabs").css('display', 'none');
                             visible = false;
                         }
                         else
                         { $('#jqxtabs').jqxTabs('removeAt', index); }
                         tabsCount -= 1;
                     }
                 });
    
                 $('ul').each(function () {
                     $(this).find('li').click(function () {
                         var listItem = this;
                         $("#jqxtabs").css('display', 'block');
                         $("#jqxtabs").jqxTabs({ width: 400, height: 300, showCloseButtons: true, theme: 'Custom' });
    
                         cont = $("#jqxtabs").jqxTabs('length')
                         if ((cont == 1) && (tabsCount == 0)) {                        
                             $('#jqxtabs').jqxTabs('removeAt', 0);                                                                           
                             var clickedURL = $('a', this).attr('href');                         
                             $('#jqxtabs').jqxTabs('addAt', 0, $(listItem).text(), clickedURL);
                         }
                         else {
                             $('#jqxtabs').jqxTabs('addAt', tabsCount, $(listItem).text(), $(listItem).text());
                         }
                         tabsCount += 1;
                         visible = true;
                     });
                 });
             });
        </script>
    
     <form id="form1" runat="server">
        <div>
         <ul>
            <li><a href="paginas/pagina1.aspx">Pagina1</a></li>
            <li><a href="paginas/pagina2.aspx">Pagina2</a></li>
            <li><a href="paginas/pagina3.aspx">Pagina3</a></li>
        </ul>
        <div id='jqxtabs' style='display:none;'>
                    <ul style='margin-left: 20px;'>
                        <li></li>                   
                    </ul>
                    <div id="Contenido0">                                      
                    </div>                
                </div>
        </div>
        </form>
Viewing 2 posts - 1 through 2 (of 2 total)