Need Help With Script - Collapsible Content... [Archive]

acdc992004

10-02-2007, 06:57 PM

I have this script that i got from Dynamic Drive. its function is to collapse and expand content using cookies and such. Its very efficient. But i have a minor problem. How do i change it so the beginning state is expanded rather than collapsed.

<script type="text/javascript">

/***********************************************
* Contractible Headers script- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use. Last updated Mar 23rd, 2004.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

var enablepersist="on" //Enable saving state of content structure using session cookies? (on/off)
var collapseprevious="no" //Collapse previously open content when opening present? (yes/no)

if (document.getElementById){
document.write('<style type="text/css">')
document.write('.switchcontent{display:none;}')
document.write('</style>')
}

function getElementbyClass(classname){
ccollect=new Array()
var inc=0
var alltags=document.all? document.all : document.getElementsByTagName("*")
for (i=0; i<alltags.length; i++){
if (alltags[i].className==classname)
ccollect[inc++]=alltags[i]
}
}

function contractcontent(omit){
var inc=0
while (ccollect[inc]){
if (ccollect[inc].id!=omit)
ccollect[inc].style.display="none"
inc++
}
}

function expandcontent(cid){
if (typeof ccollect!="undefined"){
if (collapseprevious=="yes")
contractcontent(cid)
document.getElementById(cid).style.display=(document.getElementById(cid).style.display!="block")? "block" : "none"
}
}

function revivecontent(){
contractcontent("omitnothing")
selectedItem=getselectedItem()
selectedComponents=selectedItem.split("|")
for (i=0; i<selectedComponents.length-1; i++)
document.getElementById(selectedComponents[i]).style.display="block"
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function getselectedItem(){
if (get_cookie(window.location.pathname) != ""){
selectedItem=get_cookie(window.location.pathname)
return selectedItem
}
else
return ""
}

function saveswitchstate(){
var inc=0, selectedItem=""
while (ccollect[inc]){
if (ccollect[inc].style.display=="block")
selectedItem+=ccollect[inc].id+"|"
inc++
}

document.cookie=window.location.pathname+"="+selectedItem
}

function do_onload(){
uniqueidn=window.location.pathname+"firsttimeload"
getElementbyClass("switchcontent")
if (enablepersist=="on" && typeof ccollect!="undefined"){
document.cookie=(get_cookie(uniqueidn)=="")? uniqueidn+"=1" : uniqueidn+"=0"
firsttimeload=(get_cookie(uniqueidn)==1)? 1 : 0 //check if this is 1st page load
if (!firsttimeload)
revivecontent()
}
}

if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload

if (enablepersist=="on" && document.getElementById)
window.onunload=saveswitchstate

</script>

<h3 onClick="expandcontent('sc1')" style="cursor:hand; cursor:pointer" align="center">Expand
| Collapse</h3>
<div id="sc1" class="switchcontent">
<center><a href="http://www.mlsrepository.proboards81.com/index.cgi?action=pmsend&to=admin" target="_blank">
<img src="http://img.photobucket.com/albums/v615/blacksabbath99/PES-Center/mlsrepository/avatars/Submit.gif" border="0" alt="Photo Sharing and Video Hosting at Photobucket" width="379" height="71"></a></center>

<center>
<table border="1" width="775" height="536" cellspacing="0" cellpadding="0" bgcolor="#EFEFEF" bordercolor="#c6c6c6" style="border-collapse: collapse">
<tr>
<td width="775" height="20" background="silvergrad_luke.jpg" colspan="2">
Chicago
Fire Faces </td>
</tr>
<tr>
<td width="383" height="298" valign="top">
</center>

<center>
</center>
 
<a href="http://www.geocities.com/mlsrepository/Blanco.bin"><img border="0" src="http://img.photobucket.com/albums/v615/blacksabbath99/PES-Center/mlsrepository/FACES/81f4710811af45b3a542a66c4d94cba6.jpg" width="373" height="418"></a>
 
Blanco
 
Author:
JayM07
 </td>
<td width="391" height="298" valign="top">
 
<a href="http://www.geocities.com/mlsrepository/cbarret.bin"><img border="0" src="http://img.photobucket.com/albums/v615/blacksabbath99/ChadBarret.png" width="250" height="350"></a>
 
Chad
Barret
 
Author:
acdc
 </td>
</tr>
<tr>
<td width="383" height="466" valign="top">
 
<a href="http://www.geocities.com/mlsrepository/conde.bin"><img border="0" src="http://img.photobucket.com/albums/v615/blacksabbath99/Conde.png" width="250" height="350"></a>
 
Wilman
Conde
 
Author:
acdc 
 </td>
<td width="391" height="466" valign="top">
 
<a href="http://www.geocities.com/mlsrepository/segarez4.bin"><img border="0" src="http://img237.imageshack.us/img237/9994/segarezsx2.png" width="250" height="350"></a>
 
Gonzalo
Segarez
 
Author:
acdc

</td>
</tr>
<tr>
<td width="383" height="51" valign="top">
 
<a href="http://www.geocities.com/mlsrepository/Wanchope_facek.bin"><img border="0" src="http://img.photobucket.com/albums/v615/blacksabbath99/PES-Center/mlsrepository/FACES/wanchope.jpg" width="342" height="360"></a>
 
Wanchope
 
Author:
s'n
 </td>
<td width="391" height="51" valign="top">

</td>
</tr>
<tr>
<td width="774" height="25" valign="top" colspan="2">
The files used in this site have been
authorized by their respective creators.</td>
</tr>
</table>

</div>