//use this to send the data function returnObjById(id) { if (document.getElementById) var returnVar = document.getElementById(id); else if (document.all) var returnVar = document.all[id]; else if (document.layers) var returnVar = document.layers[id]; return returnVar; } function Change_Prods(response) { //alert(response); var hello = returnObjById("ajax_form"); hello.innerHTML=response; } function build_query(){ sel_ob = returnObjById("make"); query = "make="+sel_ob.options[sel_ob.selectedIndex].value; //alert(query); return query; } function process_xml_response(xml){ caller = xml.getResponseHeader("ajax_script_name"); output = xml.responseText; //CatId = xml.getResponseHeader("id"); Change_Prods(output) } // JavaScript Document function createXML() { var xmlhttp=false; if (window.XMLHttpRequest) { xmlhttp=new XMLHttpRequest(); } else{ try{ xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch (e){ try{ xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch (E){ xmlhttp = false; } } } if (!xmlhttp && typeof XMLHttpRequest != 'undefined') { xmlhttp = new XMLHttpRequest(); } return xmlhttp; } function send_query (data_processor,method,query) { xmlhttp=createXML(); xmlhttp.open(method, data_processor); xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xmlhttp.onreadystatechange =function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { //alert(xmlhttp.responseText); process_xml_response(xmlhttp); } } xmlhttp.send(query); }