Forum Moderators: coopster
A search returns the first image in a series (5855-1). Clicking on the image makes two hidden divs visible and initiates a AJAX script. The first div is just a screen to darken the background stuff, the second div gets populated with the results of the AJAX call, which is just a query to the db to get the number of images in the series and path to the thumbnails.
All works fine but on my php page that is called through the AJAX script I have this bit of code:
$table .= "</tr><tr valign='top'><td colspan='4' align='center'><p><a href='#' onClick=\"closeDivs();\">Close</a></td></tr></table>";
this is closing out the table that displays all the images. I am trying to drop in a javascript handler that would close the two divs and return the viewer to the initial view. However, when I click the "Close" link in Fire Fox, Error Console tells me that closeDivs is not defined.
On the page the user is on I do have the closeDiv() function at the top - here's the code:
<script language="javascript">
function closeDivs() {
if (browserType == "Firefox") {
//get screen div
screenDiv = document.getElementById("screen");
imageDiv = document.getElementById("imageFloat");
//get visibility state
screenDivView = screenDiv.style.visibility;
imageDivView = imageDiv.style.visibility;
//-->determine if it is on or off
if (screenDivView == "visible") {
screenDiv.style.visibility = "hidden";
}
//turn div on
if (imageDivView == "visible") {
imageDiv.style.visibility = "hidden";
}
</script>
I thought maybe it was looking for the JS on the PHP page that AJAX called but I dropped it (the closeDivs JS) on there and I still get the same errors.
Any ideas of how I can close these two divs?
