/****************************************************** * AJAX functions *****************************************************/ /* The following function creates an XMLHttpRequest object... */ function createRequestObject(){ var request_o; //declare the variable to hold the object. var browser = navigator.appName; //find the browser name if(browser == "Microsoft Internet Explorer"){ /* Create the object using MSIE's method */ request_o = new ActiveXObject("Microsoft.XMLHTTP"); }else{ /* Create the object using other browser's method */ request_o = new XMLHttpRequest(); } return request_o; //return the object } /* You can get more specific with version information by using parseInt(navigator.appVersion) Which will extract an integer value containing the version of the browser being used. */ /* The variable http will hold our new XMLHttpRequest object. */ var http = createRequestObject(); /* Function called to get the data list */ function getData(page){ /* Create the request. The first argument to the open function is the method (POST/GET), and the second argument is the url... document contains references to all items on the page We can reference document.form_category_select.select_category_select and we will be referencing the dropdown list. The selectedIndex property will give us the index of the selected item. */ http.open('get', page); /* Define a function to call once a response has been received. This will be our handleData function that we define below. */ http.onreadystatechange = handleData; /* Send the data. We use something other than null when we are sending using the POST method. */ http.send(null); } /* Function called to handle the list that was returned from the internal_request.php file.. */ function handleData(){ /* Make sure that the transaction has finished. The XMLHttpRequest object has a property called readyState with several states: 0: Uninitialized 1: Loading 2: Loaded 3: Interactive 4: Finished */ if(http.readyState == 4){ //Finished loading the response /* We have got the response from the server-side script, let's see just what it was. using the responseText property of the XMLHttpRequest object. */ var response = http.responseText; /* And now we want to change the data

content. we do this using an ability to get/change the content of a page element that we can find: innerHTML. */ var cnt = document.getElementById('ajax_content'); var val = response.toString(); val = val.replace("", "").replace("", "").replace("", "").replace("", ""); cnt.innerHTML = val; } } function getDataNow(page) { var cont = document.getElementById('ajax_fill'); //cont.style.background='url(images/black.png)'; //cont.style.width = '100%'; //cont.style.height = '100%'; //cont.style.overflow = 'auto'; cont.style.visibility = 'visible'; var dat = document.getElementById('ajax_content'); //dat.style.visibility = 'visible'; getData(page); } function closeData() { var cont = document.getElementById('ajax_fill'); /* cont.style.background=''; cont.style.width = '0'; cont.style.height = '0'; cont.style.overflow = 'hidden'; */ cont.style.visibility = 'hidden'; //var dat = document.getElementById('ajax_content'); //dat.style.visibility = 'hidden'; //dat.innerHTML = 'Connecting...'; }