jQWidgets Forums
Forum Replies Created
Viewing 2 posts - 1 through 2 (of 2 total)
-
Author
-
April 14, 2015 at 3:58 pm in reply to: how to load external page in div to tabs how to load external page in div to tabs #69888
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
April 14, 2015 at 3:56 pm in reply to: how to load external page in div to tabs how to load external page in div to tabs #69887ok 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>
-
AuthorPosts
Viewing 2 posts - 1 through 2 (of 2 total)