CSS Issue

[snike]

I have this script that is supposed to fade content in a div element in and out.

content > fades away to blank > new content fades in

This is the basic setup:

function displayMenu(currentMenu) {
setTimeout("fadeOut()",0);
setTimeout("fadStay()",1000);
setTimeout('ps_change(currentMenu)',1100);
setTimeout("fadeIn()",1200);
};

The problem I am having has to deal with line 4 of the code. I can't get the ps_change() to run. ps_change changes the content in the div. The content fades away and the content reappears unchanged. Any help is appreciated.

This is ps_change():

function ps_change (cMenu) {
var thisMenu = document.getElementById(cMenu).innerHTML;
document.getElementById('ps_area').innerHTML = thisMenu;
}

Thanks!

 

[adam091]

The vars need to be outside of the string, try this.

function displayMenu(currentMenu) {
setTimeout("fadeOut()",0);
setTimeout("fadStay()",1000);
setTimeout("ps_change(" + currentMenu + ")",1100);
setTimeout("fadeIn()",1200);
};

 

[snike]

It works! Thank you!

 

[adam091]

Glad to hear

 

[pausch]

The script really works.Thanks

 

[aubreya94]

Trying to get CSS-based websites to look the same across all browsers can often be difficult. Many of the problems however lie with Internet Explorer implementing CSS commands differently to other, more standards compliant browsers.
____________
SEO
Search Engine Optimization