jquery - using dynamic ui tabs how to show the link which is already available in the list instead of creating new tab -


how check tabid available before creating new tab bynamicaly , make active if avaliable.

<script type="text/javascript">     $(document).on('click', '#refresh', function () {         var $link = $('li.active a[data-toggle="tab"]');         $link.parent().removeclass('active');         var tablink = $link.attr('href');         $('#tab-list a[href="' + tablink + '"]').tab('show');     });     function loadlink(link='',description='',tabid=''){         if(link!=''){          //$('#loading_data').html("loading.....");         var domain_name ='//<?php echo $_server['http_host'];?>';         var src = domain_name+'<?php echo [domain_path];?>'+link;                     $('#tab-list').append($('<li><a href="#tab' + tabid + '" role="tab" data-toggle="tab" class="active">'+description+'<button class="close" type="button" title="remove page">×</button></a></li>'));                     $('#tab-content').append($('<div class="tab-pane fade" id="tab' + tabid + '"><iframe frameborder="0" src="'+src+'" width="100%" onload="resizeiframe(this);"  allowfullscreen></iframe></div>'));         $('.nav-tabs a:last').tab('show');                 $('#tab-list').on('click','.close',function(){                     var tabid = $(this).parents('a').attr('href');                     $(this).parents('li').remove();                     $(tabid).remove();                      //display first tab                     var tabfirst = $('#tab-list a:first');                    tabfirst.tab('show');                 });                  var list = document.getelementbyid("tab-list");                 new sortable(list);         }     }     </script>       <div class="tabs-inside-here">                 <ul id="tab-list" class="nav nav-tabs" role="tablist">                     <li class="active"><a href="#tab1" role="tab" data-toggle="tab">home <button class="close" type="button" title="remove page">×</button></a></li>                 </ul>             </div>                   <!-- tab panes -->                 <div id="tab-content" class="tab-content">                     <div class="tab-pane fade in active" id="tab1">                         <iframe frameborder="0" src="//<?php echo $_server['http_host'];?><?php echo [domain_path];?><?php echo [app];?>" width="100%" onload="resizeiframe(this);"  allowfullscreen></iframe>                     </div> 

on closing tab want show beside time instead of going first tab.enter image description here


Comments

Popular posts from this blog

Command prompt result in label. Python 2.7 -

javascript - How do I use URL parameters to change link href on page? -

amazon web services - AWS Route53 Trying To Get Site To Resolve To www -