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.
Comments
Post a Comment