PDA

View Full Version : Animated Collapsible DIV question



hanna2008
02-29-2008, 07:58 PM
1) Script Title: Animated Collapsible DIV

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm

3) Describe problem:
Does it support IE6? In my testing, it works in Firefox v2. But when testing in IE6, the blue content is always sliding down. Thanks in advance.

ddadmin
02-29-2008, 09:12 PM
Yes it does. Make sure your page contains a valid doctype at the very top, which is necessary in IE6:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

hanna2008
02-29-2008, 09:23 PM
Thanks for the reply.

I moved the valid doctype out of the <HEAD> tag and it worked.

Have a nice weekend.

hanna2008
03-03-2008, 07:27 PM
Hi,

I have one more question on your javascript:slideit() function:

I put it into one jspf file, say "1.jspf" with "html:form1". I also have two jsp files "2.jsp" & "3.jsp" and both of them include "1.jspf". Everytime, for example, I change the slide down to slide up in "2.jsp", then go to "3.jsp", I can see the same result (slide up) in "3.jsp", but there is not a sliding movement (just a change). I guess this is because of the "document.form1.submit()" I added within the same javascript and I have to do that to go to the "3.jsp". Is it possible to still get a sliding movement for my case?

Thanks very much.

ddadmin
03-04-2008, 04:32 AM
Hmm you lost me with that last question hanna. Please rephrase, or better yet, post a link to the issue you're describing.

hanna2008
03-04-2008, 02:19 PM
I have one more question on your javascript:slideit() function:

I test it in my program to slide down/up my "html:form1". I have two jsp files "2.jsp" (form2) & "3.jsp" (form3), both of them include one jspf file "1.jspf" which is within "html:form1". I use your "slideit()" in "1.jspf" and I add "document.form1.submit()" in "slideit()" because of switching page between "2.jsp" and "3.jsp".

I find that I can keep the same sliding down (or slidng up) between these two jsps by adding "document.form1.submit()" with the server side java servlet code, but there is not a sliding movement any more and it is just a quick change for down and up for the form1. If I remove "document.form1.submit()" from the Javascript, I can see nicely sliding movement but there is no consistent sliding down/up in these two jsps (one is down and one is up at the same time).

So I guess this is because of the "document.form1.submit()" I added within the javascript (slideit() function) and I have to do that to go back and forth
between "2.jsp" and "3.jsp". Is it possible to still get a sliding movement for my case? Or the sliding movement is only working for one page and I couldn't
make it for many pages with the same sliding down/up?

Thanks very much.