Help with Slide-down Menu

@KayTwoauthorJul 04.2007 — #Here it is...

/* This script and many more are available free online at

The JavaScript Source :: http://javascript.internet.com

Created by: ScriptBreaker :: http://www.scriptbreaker.com/ */

var height = 20; // height of the menu headers

var iheight = 15; // height of the menu_items

var bgc = "#ffffff" // background color of the item

var tc = "black" // text color of the item

var over_bgc = "#ffffff";

var over_tc = "red";

var speed = 0;

var timerID = "";

var N = (document.all) ? 0 : 1;

var width = 152

var self_menu = new Array();

function write_menu() {

smc = 0; // count the position of the self_menu

document.write("<div style='position:absolute'>");

mn = 0;

mni = 1;

start = -1;

for(i=0;i<Link.length;i++) {

la = Link[i].split("|");

if (la[0] == "0") {

if(start == 0) {

document.write("</div>");

h = csmc * iheight;

tmn = mn; //-h

self_menu[smc] = new Array(tmn,h,0,-2);

smc++;

mn--;

}

csmc = 0;

document.write("<div class='menu' style='top:"+mn+";height:"+height+"' id='down"+smc+"' onclick='pull_down("+smc+","+mni+")'> "+ la[1] + "</div>");

self_menu[smc] = new Array(mn,height,0,mni);

smc++;

mni++;

mn+=height;

start = 1;

} else {

if(start == 1) {

if(N)mn+=2;

document.write("<div class='item_panel' id='down"+smc+"' style='top:"+mn+"'>");

start = 0;

}

document.write("<a href='"+la[2]+"'");
  if (la[3] != "") document.write(" target='" + la[3] + "' ");
  document.write("><div class='item' id='d"+i+"' style='height:"+iheight);
  if (N) document.write(";width:150");
  document.write("' onmouseover='color(this.id)' onmouseout='uncolor(this.id)'>  "+ la[1] + "</div></a>");
  csmc++;

}

}

if (start == 0) {

document.write("</div>");

h = csmc * iheight;

tmn = mn + 5; //-h

self_menu[smc] = new Array(tmn,h,0);

name = "down" + (self_menu.length-1);

obj = document.getElementById(name);

obj.style.borderBottomColor = "darkblue";

obj.style.borderBottomWidth = 1;

obj.style.borderBottomStyle = "solid";

}

document.write("</div>");

}

function color(obj) {

document.getElementById(obj).style.backgroundColor = over_bgc;

document.getElementById(obj).style.color = over_tc

}

function uncolor(obj) {

document.getElementById(obj).style.backgroundColor = bgc;

document.getElementById(obj).style.color = tc

}

function pull_down(nr,c) {

if (timerID == "") {

to = self_menu[nr+1][1]

begin = nr + 2;

if (timerID != "") clearTimeout(timerID);

if (self_menu[nr+1][2] == 0) {

self_menu[nr+1][2] = 1;

if(nr == self_menu.length-2) {to++;}

epull_down(begin,to,0);

} else {

to = 0;

self_menu[nr+1][2] = 0;

name = "down"+(nr+2);

open_item = 0;

for(i=0;i<nr;i++) {

if(self_menu[i][2] == 1)

{open_item += self_menu[i][1];

}

}

if (N == false) {open_item-= (c*1)};

if (nr== self_menu.length-2) {val = self_menu[self_menu.length-1][1];to=-1;}

else val = parseInt(document.getElementById(name).style.top) -(open_item)-(c*height);

epull_up(begin,to,val);

}

}

}

function epull_down(nr,to,nowv) {

name = "down" + (nr-1);

obj = document.getElementById(name).style.clip = "rect(0,"+width+","+(nowv+1)+",0)";

for (i=nr;i<self_menu.length;i++) {

name = "down" + i;

obj = document.getElementById(name);

obj.style.top = parseInt(obj.style.top)+1;

}

nowv++;

if(nowv < to) timerID = setTimeout("epull_down("+nr+","+to+","+nowv+")",speed);

else timerID = "";

}

function epull_up(nr,to,nowv) {

name = "down" + (nr-1);

obj = document.getElementById(name).style.clip = "rect(0,"+width+","+nowv+",0)";

for (i=nr;i<self_menu.length;i++) {

name = "down" + i;

obj = document.getElementById(name);

obj.style.top = parseInt(obj.style.top)-1;

}

nowv--;

if(nowv > to) timerID = setTimeout("epull_up("+nr+","+to+","+nowv+")",speed);

else timerID = "";

}

function startup(nr) {

write_menu();

if (nr != 0) {

for(i=0;i<self_menu.length;i++)

{

if(self_menu[i][3] == nr) pull_down(i,nr)

i==self_menu.length;

}

}

}

Help with Slide-down Menu

2 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Help with Slide-down Menu

2 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

2 Comments(s) _↴

Also in #JavaScript _↴