Hvordan få menyen til å starte i "drop down"

[TCi]

Hei.

 

Jeg fikk tak i et script i fra Bravenet.com. Og siden jeg ikke kan java så lurte jeg på hvordan jeg får menyen til å vise alle linkene og ikke være så "kompakt"

 

Litt vanskelig å forklare, men du finner den på hjemmesiden min: http://home.no.net/eholten/

 

Her har dere scriptet (det er ganske stort)

<script language="JavaScript">

function goToURL() { history.go(-1); }

</script>

  <style>

  .menu

  {

  background-color:#2B6Ebb;

  border:1px solid darkblue;

  width:150px;

  font-size:11px;

  font-family:verdana;

  position: absolute;

  font:bold;

  color: #ffffff;

  cursor: hand;

  }

  .item_panel

  {

    width:150px;

    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: #E9F0F8;

  width: 148px;

  font-size: 10px;

  font-family: verdana;

 

  }

  </style>

  <script language="JavaScript"> 

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

  var iheight = 15; // height of the menu_items 

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

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

  var over_bgc = "white";

  var over_tc = "#004891"; 

  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.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[2] == 1)

    {open_item += self_menu[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[3] == nr) pull_down(i,nr)

  i==self_menu.length;

}

}

} 

</script>

<table width=150><tr><td>

  <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|Hovedmeny";

  Link[1] = "1|Start|http://home.no.net/eholten/index.html|";

  Link[2] = "1|Webmaster|http://home.no.net/eholten/meg.htm|";

  Link[3] = "1|Min PC|http://home.no.net/eholten/min_pc.htm|";

  Link[4] = "1|Mitt Skrivebord|http://home.no.net/eholten/mitt_skrivebord.htm|";

  Link[5] = "1|Portal|http://home.no.net/eholten/portal.htm|";

  Link[6] = "0|Samurize";

  Link[7] = "1|Configs|http://home.no.net/eholten/Samurize/index.htm|";

  Link[8] = "0|Skolerelatert";

  Link[9] = "1|Øvelser|http://home.no.net/eholten/Skole/ovelser.htm|";

  Link[10] = "1|Løsninger|http://home.no.net/eholten/Skole/losninger.htm|";

  Link[11] = "0|Windows Support";

  Link[12] = "1|Windows XP|http://home.no.net/eholten/Support/Windows%20XP.htm|";

  Link[13] = "1|Diverse|http://home.no.net/eholten/Support/div_support.htm|";

  Link[14] = "0|Humor";

  Link[15] = "1|Bilder|http://home.no.net/eholten/Humor/index.htm|";

  Link[16] = "1|Linker|http://home.no.net/eholten/Humor/humor_linker.htm|";

  Link[17] = "0|Spill";

  Link[18] = "1|Topp 5 2003|http://home.no.net/eholten/Spill/topp_5_2003.htm|";

  Link[19] = "1|Topp 5 2004|http://home.no.net/eholten/Spill/topp_5_2004.htm|";

  Link[20] = "1|Ute nå|http://home.no.net/eholten/Spill/uteno.htm|";

  Link[21] = "0|Venner på nett|";

  Link[22] = "1|Even H. H.|http://home.no.net/evenhoem|target=blank|";

  Link[23] = "1|Geir Ove M. S.|http://home.no.net/goms|target=blank|";

  Link[24] = "1|Petter Haavin|http://www.haavin.net/|target=blank|";

  Link[25] = "0|Ta kontakt|";

Link[26] = "1|E-mail|mailto:[email protected]?subject=Min%20Hjemmeside|";

  startup(4);

  </script>

  </td>

</tr>

</table><br><br><br><br><br><br></p>

[Torbjørn]

oi.. lang komplisert kode. jeg så litt på det, men kom til kort...

 

har du lest all dokumentasjon fra der du lastet ned skriptet?

[TCi]

Jeg har funnet ut at det beste er å gjøre det jeg ønsker i CSS istedet. Har snakket med en som skal hjelpe meg....

[Dahl]

Jeg har funnet ut at det beste er å gjøre det jeg ønsker i CSS istedet. Har snakket med en som skal hjelpe meg....

Bra at du får hjelp!

 

Men en ting....

Du skrev at du ikke kunne java...

Men det scriptet er slettest ikke skrevet i java.

Det er skrevet i javascript.

Det er nemlig to HELT forskjellige språk.

[robgar]

Helt enig, ikke forveksl java og javascript