dcsimg
Javascript help needed
0 posts in topic
Flat View  Flat View
TOPIC ACTIONS:
 

Posted By:   Pat_Bianco
Posted On:   Monday, March 14, 2011 10:58 PM

What I want is for the website to load with the div that is currently collapsed (the one using the black arrows) and I want that div to load shown. Atm there is just a image there, soon to be an animation. The site can be viewed here: www.patbianco.com.au This is the code that enables me to collapse it var timerlen = 5; var slideAniLen = 250; var timerID = new Array(); var startTime = new Array(); var obj = new Array(); var endHeight = new Array(); var moving = new Array(); var dir = new Array(); function slidedown(objname){ if(moving[objname]) return;    More>>

What I want is for the website to load with the div that is currently collapsed (the one using the black arrows) and I want that div to load shown. Atm there is just a image there, soon to be an animation. The site can be viewed here: www.patbianco.com.au


This is the code that enables me to collapse it



var timerlen = 5;

var slideAniLen = 250;


var timerID = new Array();

var startTime = new Array();

var obj = new Array();

var endHeight = new Array();

var moving = new Array();

var dir = new Array();


function slidedown(objname){

if(moving[objname])

return;


if(document.getElementById(objname).style.display != "none")

return; // cannot slide down something that is already visible


moving[objname] = true;

dir[objname] = "down";

startslide(objname);

}


function slideup(objname){

if(moving[objname])

return;


if(document.getElementById(objname).style.display == "none")
return; // cannot slide up something that is already hidden


moving[objname] = true;
dir[objname] = "up";
startslide(objname);
}


function startslide(objname){

obj[objname] = document.getElementById(objname);


endHeight[objname] =
parseInt(obj[objname].style.height);

startTime[objname] = (new Date()).getTime();


if(dir[objname] == "down"){

obj[objname].style.height = "1px";

}


obj[objname].style.display = "block";


timerID[objname] = setInterval('slidetick(\'' + objname + '\');',timerlen);

}


function slidetick(objname){

var elapsed = (new Date()).getTime() - startTime[objname];


if (elapsed > slideAniLen)
endSlide(objname)

else {
var d =Math.round(elapsed / slideAniLen * endHeight[objname]);

if(dir[objname] == "up")
d = endHeight[objname] - d;

obj[objname].style.height = d + "px";

}

return;

}


function endSlide(objname){
clearInterval(timerID[objname]);


if(dir[objname] == "up")
obj[objname].style.display = "none";

obj[objname].style.height = endHeight[objname] + "px";

delete(moving[objname]);

delete(timerID[objname]);

delete(startTime[objname]);

delete(endHeight[objname]);

delete(obj[objname]);

delete(dir[objname]);


return;
}



THANKS IN ADVANCE for any help, greatly appreciated.

   <<Less
About | Sitemap | Contact