Hello,
Pls have a look at http aeonit[dot]name/audi_youtube/index[dot]php
i have used tabs at left bottom side but i also used scrollbar for the tab content. so i have added an ID to li as follow:
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0"><span id="first_tab">All</span></li>
<li class="TabbedPanelsTab" tabindex="0"><span id="second_tab">Official</span></li>
<li class="TabbedPanelsTab" tabindex="0"><span id="third_tab">Fans</span></li>
</ul>
and the js is
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
$(document).ready(function(){
//first tab
$("#first_tab").click(function(){
$('#scrollbar_comment').tinyscrollbar();
//alert('hi');
});
//second tab
$("#second_tab").click(function(){
$('#scrollbar_comment1').tinyscrollbar();
//alert('hi');
});
//third tab
$("#third_tab").click(function(){
$('#scrollbar_comment2').tinyscrollbar();
//alert('hi');
});
})
</script>
So, The function is working perfect in all browser except IE(Double click works there). So can i add function in spry widget on tab click?
Thnx.... ![]()
that is spry js version, by the way the problem has been solved by me yest, it took whole day me to resolved, dat was issue of js event conflict, there is two onclick event was passed on one button or tag, so i have opened spry js and replace "click" event on tab to "mousedown" as mentioned below
Spry.Widget.TabbedPanels.addEventListener(tab, "mousedown", function(e) { return self.onTabClick(e, tab); }, false);
also replace window.onload insted of document.ready it does matter
Thnx...
North America
Europe, Middle East and Africa
Asia Pacific