Show icon when get focus, hide icon when losing focus
<script type="Text/javascript"> $('#_progress'). Tabs ({onselect:function (title) {vartab = $ ('#_progress'). Tabs ('getselected');//Get selected panel varIndex = $ ('#_progress'). Tabs ('Gettabindex', TAB); //Alert (index + title); varTabs = $ ('#_progress'). Tabs (). Tabs ('Tabs'); for(vari =0; i < tabs.length; i++) { if(Index = =i) {//alert (i);$('#_progress'). Tabs ('Update', {tab:tabs[i], options: {titl E:''+title//href: ' get_content.php '//The new content URL } }); } Else { if(i = =0) { $('#_progress'). Tabs ('Update', {tab:tabs[i], options: { Title:'Bar Chart' //href: ' get_content.php '//The new content URL } }); } Else { $('#_progress'). Tabs ('Update', {tab:tabs[i], options: { Title:'Graph' //href: ' get_content.php '//The new content URL } }); } } } } }); $ (function () {varTabs = $ ('#_progress'). Tabs (). Tabs ('Tabs'); for(vari =0; i < tabs.length; i++) {Tabs[i].panel ('Options'). Tab.unbind (). Bind ('MouseEnter', {index:i}, function (e) {$ ('#_progress'). Tabs ('Select', E.data.index); }); } }); </script>
View Code
Easyui-tabs icon (Show icon when focus is taken, hide icon when lost focus)