CSS Issue

snike · 12-17-2010, 07:06 PM

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:

Code:

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.
????: NamePros.com http://www.namepros.com/programming/692339-css-issue.html

This is ps_change():

Code:

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

Thanks!

adam091 · 12-18-2010, 03:07 AM

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

Code:

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

snike · 12-18-2010, 03:49 AM

It works! Thank you!

adam091 · 12-18-2010, 03:28 PM

Glad to hear

pausch · 12-24-2010, 04:55 AM

The script really works.Thanks

aubreya94 · 01-09-2011, 06:39 PM

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

12-17-2010, 07:06 PM	THREAD STARTER #1 (permalink)
snike NamePros Regular Join Date: Mar 2006 Location: USA Posts: 497	CSS Issue 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: Code: 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. ????: NamePros.com http://www.namepros.com/programming/692339-css-issue.html This is ps_change(): Code: function ps_change (cMenu) { var thisMenu = document.getElementById(cMenu).innerHTML; document.getElementById('ps_area').innerHTML = thisMenu; } Thanks!

12-18-2010, 03:07 AM	#2 (permalink)
adam091 New Member Join Date: Jul 2010 Posts: 10	The vars need to be outside of the string, try this. Code: function displayMenu(currentMenu) { setTimeout("fadeOut()",0); setTimeout("fadStay()",1000); setTimeout("ps_change(" + currentMenu + ")",1100); setTimeout("fadeIn()",1200); };

12-24-2010, 04:55 AM	#5 (permalink)
pausch NamePros Member Join Date: Nov 2010 Posts: 34	The script really works.Thanks __________________ Best Web Hosting \|\|Cheap Web Hosting \|\|WordPress Hosting

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
CSS for dummies in 10 lines	gaucho1976	Webmaster Tutorials	14	09-04-2009 11:30 PM
CSS Navigation Menu IE Issue	Moondreamer	Web Design Discussion	0	11-14-2008 03:47 PM
CSS - centering issue	Daniel Exe	Programming	5	04-16-2006 08:36 PM
CSS Layout Issue In I.E. (figures)	XX7509	Web Design Discussion	3	03-25-2005 11:34 PM

12-18-2010, 03:49 AM	THREAD STARTER #3 (permalink)
snike NamePros Regular Join Date: Mar 2006 Location: USA Posts: 497	It works! Thank you!

12-18-2010, 03:28 PM	#4 (permalink)
adam091 New Member Join Date: Jul 2010 Posts: 10	Glad to hear

01-09-2011, 06:39 PM	#6 (permalink)
aubreya94 First Time Poster! Join Date: Jan 2011 Posts: 1	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

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)