Jquery UI Tabs Pass AJAX function calls inside a PHP loop

Jquery UI Tabs Pass AJAX function calls inside a PHP loop

 

I am trying to pass ajax function calls inside a PHP loop so I can pass a database identifier to all tabs.


<?php

$linktext=some data from the database

$Idnum=a datarow ID

<a href=\"#intro\" onclick=\"getlisttext($IDnum),getlisttext2($IDnum)\">$linktext</a>

?>


The idea is that each tab's content will come from a different query and need to pass $Idnum to each ajax function. The tabs work great but the onclick event will only pass one function call. I need all the function calls to be made inside the loop. I could really use some help with this one. Sorry I am a little new to javaScript and I hope I explained things well enough. Better to see working example at http://mikecapps.com/ProjectManager/index.php

Thanks in advance


<script>

$(document).ready(function(){
$('#info').tabs();
$('#info').tabs({ remote: true });
});


</script>

<div id="info">
<ul>
<li>
<a href="#intro"><span>Details</span></a></li>
<li>
<a href="#Team"><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>
</div>
<div id=


"Team">
<div id='TeamDet'></div>
</div>
</div>