I could use an example of code in my .js file for all tabs to change their content from a onclick event in a php mysql while looped links which is before the Tabs container. So far I can get the first tab to work. The story can be told better by seeing it http://mikecapps.com/ProjectManager/index.php
/*generated link (ajax call)*/
<a href="#" onclick="getlisttext($IDnum)">name of project</a>
/*container------------------------*/
<div id="info">
<ul>
<li><a href="#intro"><span>Details</span></a></li>
<li><a href="Team.php"><span>Team</span></a></li>
<li><a href="Activities.php">Activities</a></li>
<li><a href="Attachment.php">Attachment Files</a></li>
<li><a href="Task.php">Tasks</a></li>
</ul>
<div id="intro">
<div id='ProjectDet'></div> //call back
</div>
</div>
/*jsfile-------------------------*/
$(document).ready(function(){
$('#info').tabs();
});
$('#info').bind('tabsselect', function(event, ui) {
// Objects available in the function context:
ui.tab // anchor element of the selected (clicked) tab
ui.panel // element, that contains the selected/clicked tab contents
ui.index // zero-based index of the selected (clicked) tab
});
Any comments would be appreciated and thanks in advance