Click to See Complete Forum and Search --> : AJAX, Firefox and innerHTML


gregson09
12-10-2006, 08:17 PM
Hi everybody!

The function below puts data in two HTML div containers on a webpage. In Internet Explorer, it works perfectly. However in Firefox, it only works for the "bookedShifts" div container - nothing appears in the second container?? If I uncomment the alert statement however, all the correct HTML is correctly stored in responseText, so I have no idea why innerHTML didnt put it in there! Anybody got any suggestions? Thanks very much for your help!


function updateShifts() {

/* Update booked shifts section */
var xhoBooked=GetXmlHttpObject();
if (!xhoBooked) {
alert( "This browser does not support the technology required to use this website.");
return false;
}
url = "phplib.php?function=updateBookedShifts";
var bookedShiftsContainer = document.getElementById('bookedShifts');
xhoBooked.onreadystatechange = function() {
if ( xhoBooked.readyState == 4 ) {
bookedShiftsContainer.innerHTML = xhoBooked.responseText;
}
}
xhoBooked.open( "GET", url, true );
xhoBooked.send( null );

/* Update available shifts section */
var xhoAvail=GetXmlHttpObject();
if (!xhoAvail) {
alert( "This browser does not support the technology required to use this website.");
return false;
}
url = "phplib.php?function=updateAvailShifts";
var availShiftsContainer = document.getElementById('availShifts');
xhoAvail.onreadystatechange = function() {
if ( xhoAvail.readyState == 4 ) {
availShiftsContainer.innerHTML = xhoAvail.responseText;
//alert( xhoAvail.responseText );
}
}
xhoAvail.open( "GET", url, true );
xhoAvail.send( null );
}

cocktailbuilder
01-08-2007, 04:42 AM
Get FireBug - it will help you debug the issue. Set a breakpoint where the problem is, and things will become clear.

Kerowren
01-09-2007, 03:28 PM
there doesn't seem to be anything wrong with the code. maybe you can show us more, in case the error is in another location?