254
I am new to javascript and I have a problem. I am giving the code
[HTML]<!-- Paste this code into the CSS section of your HTML document -->
<html>
<head>
<style type="text/css">[/HTML]
Expand|Select|Wrap|Line Numbers
- .menu {
- position:relative;
- background-color:gold;
- border:1px solid darkblue;
- width:150;
- font-size:11px;
- font-family:verdana;
- font:bold;
- position:absolute;
- cursor:se-resize;
- }
- .item_panel {
- width:150;
- border-left:1px solid darkblue;
- border-right:1px solid darkblue;
- clip:rect(0,150,0,0);
- position:absolute;
- }
- .item_panel a {
- text-decoration:none;
- color:black;
- cursor:hand;
- }
- .item {
- background-color:lightyellow;
- width:148;
- font-size:10px;
- font-family:verdana;
- }
Expand|Select|Wrap|Line Numbers
- </style>
- <script language="javascript">
Expand|Select|Wrap|Line Numbers
- var height = 20; // height of the menu headers
- var iheight = 15; // height of the menu_items
- var bgc = "lightyellow" // background color of the item
- var tc = "black" // text color of the item
- var over_bgc = "silver";
- 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;
- }
- }
- }
</head>
<body>
<table><tr><td>
<table width=150><tr><td height="70">
<script language="JavaScript">
//Link[nr] = "position [0 is menu/1 is item],Link name,url,target (blank|top|frame_name)"
var Link = new Array();
Link[0] = "0|Home";
Link[1] = "1|Home|http://#|";
Link[2] = "1|More Scripts|http#|";
Link[3] = "1|Contact|http://#/contact-us.html|";
Link[4] = "1|Traffic|http://#|";
Link[5] = "0|Access";
Link[6] = "1|Login|Login.asp|";
Link[7] = "1|Logout|Logout.asp|"
Link[8] = "0|Scripts";
Link[9] = "1|Asp|http://#|";
Link[10] = "1|JavaScript|http://#|";
Link[11] = "0|Links";
Link[12] = "1|JavaScript sites|http://#|blank";
startup(4);
</script>
</td></tr></table></td></tr></table></body></html>
[/HTML]
so the problem is that if you run this you will get heading and submenu uder that.
what I wanted that I want to go to one level more depth means when I click say More Scripts it should show java, c and so on.
So where do I need to change in this script for that
please help me out.
