Indsætte Script.

Uha - det er sørme længe siden jeg har haft noget med script og html at gøre - Jeg har liget på den absolutte lade side side i alt for lang tid, men har fattet interessen - Men man glemmer sgu hurtigt når man ikke "leger" med det hver dag. Nå - men jeg vil meget gerne have hjælp til at indsætte en menu.

Jeg har disse tre scripts som jeg for år tilbage har downloadet fra Scriptbreaker. Men jeg kan ikke rigtig få placeret lnket i html koden rigtig så det kan blive vist. Er der en venlig sjæl der kan hjælpe mig?

3 Level Items:

var l1 = new Image()
l1.src = "icons/l1.gif"
var l2 = new Image()
l2.src = "icons/l2.gif"
var l3 = new Image()
l3.src = "icons/l3.gif"

var Link=[
[1,1,"Kort Intro",null,"_blank"],
[2,3,"Alder og målgruppe","http://www.designb.dk","_blank"],
[2,3,"Pædagogik","http://www.designb.dk","_blank"],
[1,1,"Uddybende information",null,"_blank"],
[2,2,"JavaScript",null,"_blank"],
  [3,3,"Games","http://www.designb.dk","_blank"],
  [3,3,"Navigation","http://designb.dk","_blank"],
[2,3,"Asp","http://www.designb.dk","_blank"],
[1,3,"Ledige pladser","http://www.designb.dk","_blank"],
[1,3,"Job","http://www.designb.dk","_blank"],
[1,3,"Studerende","http://www.designb.dk","_blank"],
[1,3,"De unges Hjørne","http://www.designb.dk","_blank"],
[1,3,"Links","http://www.designb.dk","_blank"]
];

var Prop=[
15, // height of the level 1 headers
15, // height of the level 2 headers
15, // height of the level 3 headers
];

3 Level Menu:

function create_menu(id,arr,parr)
{
document.write("<table><tr><td><div style='position:relative;'>");
vtop = 0;
open_div = 0
c_div = 1;
for(i=0;i<arr.length;i++)
{
  if(arr[i-1])
  {
  if(arr[i][0] < arr[i-1][0]) {document.write("</div>");open_div--;}
  if((open_div != 0) && (arr[i][0] == 1)) {document.write("</div>");open_div--;
  if((open_div == 1) && (arr[i][0] ==1)) document.write("</div>");
}
  }
  height = parr[(arr[i][1]-1)];
  if(arr[i][1] == 1) img = l1.src;
  else{if (arr[i][1] == 2) img = l2.src;
  else img = l3.src;}
  document.write("<div style='top:"+vtop+";height:"+height+"' class='level"+arr[i][0]+"'>")
  document.write("<img src="+img+" border=0 hspace=3 vspace=1 ");
  if(arr[i+1]) {if(arr[i][0] < arr[i+1][0]) document.write("onclick=change('"+ id +"_"+ c_div+"') style='cursor:hand'");}
  document.write("><a href=\"");
  if(arr[i][3] == null) document.write("java script:change('"+ id +"_"+ c_div+"')\"");
  else document.write(arr[i][3] +"\" target='"+arr[i][4]+"'");
  document.write(">"+arr[i][2]+"</a></div>");
  vtop += height;
  if(arr[i+1])
  {
  if(arr[i][0] < arr[i+1][0]) {document.write("<div style='display:none;' id='"+id+"_"+c_div+"'>");open_div++;c_div++;}
  }}
for(i=0;i<open_div;i++) document.write("</div></td></tr></table>");

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

function change(id)
{
obj = document.getElementById(id);
if(obj.style.display == "")
{
obj.style.display = "none";
}
else
{
  obj.style.display = "";
}
}

3 Level CSS:

.level1
{
font-size:10px;
margin:5px 0px 0px 0px;
}
.level1 a
{
  font-family:verdana;
color:#0E5539;
font:bold;
text-decoration:none;
}
.level2
{
font-size:11px;
margin:3px 0px 0px 10px;
}
.level2 a
{
  font-family:verdana;
color:#0E5539;
text-decoration:none;
}
.level3
{
font-family:verdana;
margin:3px 0px 0px 20px;
}
.level3 a
{
font-size:10px;
color:red;
text-decoration:none;
}
.level3 a:hover
{
text-decoration:underline;
}