Passing dynamic parameter

php, mysql, ajax

[thegreatpretender]

I'm trying to retrieve data from mysql via links in a page, my problem is how can I dynamically pass the value of variable in the js without using form? Basically, when my page loads it shows a list of link categories and when click on each of categories, it pulls subcategories using php, mysql and ajax.

Thanks

CODE:

<script language="javascript" type="text/javascript">
<!--
//Browser Support Code
function ajaxFunction(){
var ajaxRequest; // The variable that makes Ajax possible!

try{
// Opera 8.0+, Firefox, Safari
ajaxRequest = new XMLHttpRequest();
} catch (e){
// Internet Explorer Browsers
try{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e){
// Something went wrong
alert("Your browser broke!");
return false;
}
}
}
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4){
var ajaxDisplay = document.getElementById('ajaxDiv');
ajaxDisplay.innerHTML = ajaxRequest.responseText;
}
}
var cat = document.getElementById('cat').value;
var id = document.getElementById('id').value;
var queryString = "?cat=" + cat + "&id=" + id;
ajaxRequest.open("GET", "ajax-example.php" + queryString, true);
ajaxRequest.send(null);
}

//-->
</script>

[d40sithui]

well, since your whole ajax app. is in the ajaxFunction(), what if you edited this function to accept some parameters, ajaxFunction(cat, id) for example. and then while ur running through your mysql, create onclicks that run ajaxFunction.