Javascript Issue in FireFox

[davill78]

I'm working on a site whose javascript-enabled audio controls need to work properly in both IE and FF. They work fine in IE but is random in FF. I think we've pinned down the problem to the javascript used to control the buttons. When I use the javascript console feature in FF it says that " window.parent.readAudioCookie();" is not a function. Someone please assist me. Thank you!!!

HERE'S THE CODE ON THE INDIVIDUAL PAGES:

<script type="text/javascript" language="JavaScript">
var audioCookie = window.parent.readAudioCookie();
if (audioCookie==1) {
document.write("<a href=\"#\" onclick=\"window.parent.audioControl();\" onMouseover=\"rolloverAudioToggle();\" onMouseout=\"rolloutAudioToggle();\"><img src=\"images/stopAudio.jpg\" alt=\"Stop Audio\" name=\"audioButton\" border=\"0\"></a>")
} else {
document.write("<a href=\"#\" onclick=\"window.parent.audioControl();\" onMouseover=\"rolloverAudioToggle();\" onMouseout=\"rolloutAudioToggle();\"><img src=\"images/startAudio.jpg\" alt=\"Start Audio\" name=\"audioButton\" border=\"0\"></a>")
}
var ccCookie = window.parent.readCCCookie()
if (ccCookie==1) {
document.write("<a href=\"#\" onclick=\"window.parent.ccControl();\" onMouseover=\"rolloverCCToggle();\" onMouseout=\"rolloutCCToggle();\"><img src=\"images/hideScript.jpg\" alt=\"Hide Audio Script\" name=\"ccButton\" border=\"0\"></a>")
} else {
document.write("<a href=\"#\" onclick=\"window.parent.ccControl();\" onMouseover=\"rolloverCCToggle();\" onMouseout=\"rolloutCCToggle();\"><img src=\"images/showScript.jpg\" alt=\"Show Audio Script\" name=\"ccButton\" border=\"0\"></a>")
}
</script>

///////////////////////////////////////////

HERE'S THE CODE ON THE .JS PAGE:

function rolloverAudioToggle() {
var audioCookie = window.parent.readAudioCookie();
if (audioCookie==1) {
var overImage="images/stopAudio_over.jpg"
window.status = "Stop Audio";
} else {
var overImage="images/startAudio_over.jpg"
window.status = "Start Audio";
}
document.images['audioButton'].src=overImage
}

function rolloutAudioToggle() {
var audioCookie = window.parent.readAudioCookie();
if (audioCookie==1) {
var outImage="images/stopAudio.jpg"
} else {
var outImage="images/startAudio.jpg"
}
window.status = "";
document.images['audioButton'].src=outImage
}

function rolloverCCToggle() {
if (window.parent.isCC) {
var overImage="images/hideScript_over.jpg"
window.status = "Hide Audio Script";
} else {
var overImage="images/showScript_over.jpg"
window.status = "Show Audio Script";
}
document.images['ccButton'].src=overImage
}

function rolloutCCToggle() {
if (window.parent.isCC) {
var outImage="images/hideScript.jpg"
} else {
var outImage="images/showScript.jpg"
}
window.status = "";
document.images['ccButton'].src=outImage
}



Best,
Michelle

 

[BillyRayPreachersSon]

What does "window.parent" refer to? Is this a frame-based app, or is this code run from a popup? If the latter, you could try "window.opener" instead.

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[davill78]

Yes. It's a pop up window with three frames in in.

 

[BabyJeffy]

Does the function readAudioCookie() live in the popup window frame (if so which one) or in the popup window frameset?

You could look to use top.readAudioCookie() instead (if it was in the frameset).

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/blog/

http://www.coedit.co.uk/

[/tt]

What is Javascript? FAQ216-6094