Return to Snippet

Revision: 9432
at November 6, 2008 02:00 by ardissoebrata


Updated Code
<script language=Javascript>
$(document).ready(function(){
	$("#theTab").tabs({
		select: function() {
			window.location.href = $(this).attr('href');	//go to link from a tag.
		}
	});
});
</script>

Tab format:
<ul id="theTab">
	<li><a href="{link}"><span>{label}</span></a></li>
</ul>

Revision: 9431
at November 6, 2008 00:56 by ardissoebrata


Initial Code
<script language=Javascript>
$(document).ready(function(){
	$("#tabsModule > ul").tabs({
		selected:<?=$arrTabs[$module];?>,
		ajaxOptions: { async: true },
		select: function() {
			window.location.href = $(this).attr('href');
		}
	});
});
</script>

Initial URL

                                

Initial Description
Go to link location when tab clicked (or selected actually) using 'select' event.

Initial Title
jQuery UI tab - onselect goto link

Initial Tags
link, jquery

Initial Language
JavaScript