I'm using the following external js script in a html page to expand/collapse divs, of which xEmail div contains a form which links to a perl-script version of the html page.

At present, the html page loads with all divs collapsed as intended, but when the perl page loads, xEmail div is collapsed.

So I've made a function to try and expand xEmail and call for it in the body of the perl page using onLoad="showemail();". However, the function doesn't seem to work as planned, until I put in an alert. Thing is ... after closing the alert box, xEmail div collapses again. This has got me lost.

Any help would be really appreciated. Thank you.


Code:
var enablepersist="on" // Enable saving state of content structure using session cookies? 

(on/off)
var collapseprevious="yes" // 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){
document.getElementById('name').style.background='#B20000';
document.getElementById('email').style.background='#B20000';
document.getElementById('message').style.background='#B20000';

if (document.getElementById('name').value == "") {
document.getElementById('name').value=">";
document.getElementById('email').value=">";
document.getElementById('message').value=">";
}

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)
expandcontent('xEmail')
revivecontent()
}
}

function showemail(){
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)
contractcontent('xWrite')
contractcontent('xPhone')
expandcontent('xEmail')
selectedItem=getselectedItem()
selectedComponents=selectedItem.split("|")
for (i=0; i<selectedComponents.length-1; i++)
document.getElementById(selectedComponents[i]).style.display="block"
alert('expanded') // check if expanded
}
}

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

function iselect(obj){ // style focused form element
obj.style.background = '#ffffff';
obj.style.border = '1px solid #D40000';
obj.style.color = '#000000';
}

function irestore(obj){ // restore style of focused form element
obj.style.background = '#B20000';
obj.style.border = '1px solid #B20000';
obj.style.color = '#490101';
}