Ok, here is the javascript (paraphrased to shorten response):
function makeGetRequest(url, params){
...
http = new XMLHttpRequest();
...
http.onreadystatechange = processStateChange;
http.open('GET', url + params, true);
http.send(null);
}
function processStateChange() {
if (http.readyState == 4) { // Complete
if (http.status == 200) { // OK response
document.getElementById('urlContent1').innerHTML = http.responseText;
}
}
}
HTML (inside
jsp):
<html ...>
<form ...>
NOTE: IF I PUT THE DIV TAG HERE getElementById('urlContent1') FINDS THE TAG AND PLACES THE DATA THAT IS RETURNED FROM MY ACTION CLASS THROUGH THE AJAX CALL
<table class="bluetable">
...
<tr>
<td ...>
<select name="inputContType">
<option value="" width="150" >- Select -</option>
<div id='urlContent1'></div> //THIS IS WHERE MY AJAX CALL SHOULD INSERT THE
JAVA BUILT HTML THE DROP DOWN WITH CONTENT FROM THE DB, BUT getElementById is null
...
Could it be the CSS class="bluetable" in the table tag that is preventing the div with id='urlContent1' from being found? Your help is greatly appreciated. (Note: I only showed the FF javascript, I have a block to handle IE also in the javascript).