Collapsible DIV Question

[qkz]

1) Script Title: Animated Collapsible DIV

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...edcollapse.htm

3) Describe problem: Just wondering if there is a way to modify this script so that the selected DIV loads open AND remembers the user-chosen position throughout every page? Thanks. I tried some modified code in another thread but could not get it working.

[ddadmin]

By user-chosen position, I gather you mean the user chosen state of the DIV (whether expanded or collapsed)? If you've enabled the persistence feature, the user chosen state is already remembered, just not across pages. To make it across pages, find the line:

animatedcollapse.dotask(window, function(){animatedcollapse.setCookie(uniquepageid+"-"+thisobj.divId, thisobj.isExpanded)}, "unload")

and remove the part in red.

Also find the following line, and remove the part in red:

this.isExpanded=animatedcollapse.getCookie(uniquepageid+"-"+divId) //"yes" or "no", based on cookie value

Then find the following line, and add to it the part in green:

document.cookie = name+"="+value+";path=/"

That should make the persistence feature site wide. Just make sure to enable persistence, and also, to use the same ID (ie: id="mydiv") for the animated DIV that are the same across pages.

[qkz]

Thank you, I will try this out as soon as possible. Great site by the way.

[qkz]

I have just tried the script again. After changing the js code, the div does not seem to remember the user chosen state at all anymore. Any ideas?

Thanks for the help.

[ddadmin]

Ah yes, forgot about one another line. Find the following line, and remove the part in red:

this.isExpanded=animatedcollapse.getCookie(uniquepageid+"-"+divId) //"yes" or "no", based on cookie value

[qkz]

That worked fantastic! But, I have one more question. I can't seem to get the div to load open by default by using "block".. Any suggestions?

Thanks again for the time.

[ddadmin]

Did "block" work before the changes I posted above? Nothing above should affect the "block" feature in any way...

[qkz]

No, I could never get "block" working unless the enable persistence was set to false. I can't seem to use true and "block" at the same time?

[ddadmin]

No, I could never get "block" working unless the enable persistence was set to false. I can't seem to use true and "block" at the same time?

Ok, this looks like a bug of the script. Find the below line and add to it the part in red:

if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes"  || persistexpand && this.isExpanded=="")

Do the same for the virtually identical line further down:

else if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes" || persistexpand && this.isExpanded=="")

Let me know if that fixes the problem.

[qkz]

Ok, this looks like a bug of the script. Find the below line and add to it the part in red:

if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes"  || persistexpand && this.isExpanded=="")

Do the same for the virtually identical line further down:

else if (!persistexpand && this.initstate=="contract" || persistexpand && this.isExpanded!="yes" || persistexpand && this.isExpanded=="")

Let me know if that fixes the problem.

This did not change anything, the div still loads closed by default.