Avatar billede l_otto Nybegynder
19. marts 2004 - 14:14 Der er 11 kommentarer og
3 løsninger

tree menu der skal ændres lidt,,

denne her:

http://www.dkscripts.starthotel.dk/dhtml/dhtmlSCRIPTS/14.htm

skal ændres så når man har trykket og den åbner "home" og viser hvad der er i... når man så trykker på "scripts" skal den lukke "home"

det gør den ikke nu
Avatar billede l_otto Nybegynder
19. marts 2004 - 14:15 #1
//free JavaScripts on http://www.ScriptBreaker.com
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>");
}
// free JavaScripts on http://www.ScriptBreaker.com
function change(id)
{
obj = document.getElementById(id);
if(obj.style.display == "")
{
obj.style.display = "none";
}
else
{
  obj.style.display = "";
}
}
Avatar billede l_otto Nybegynder
19. marts 2004 - 14:15 #2
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,"Home",null,"_blank"],
[2,3,"HomePage","http://www.ScriptBreaker.com","_blank"],
[2,3,"BookMark","http://www.ScriptBreaker.com","_blank"],
[2,3,"Add2 Favor","http://www.ScriptBreaker.com","_blank"],
[1,1,"Scripts",null,"_blank"],
[2,2,"JavaScript",null,"_blank"],
  [3,3,"Games","http://www.ScriptBreaker.com","_blank"],
  [3,3,"Navigation","http://www.ScriptBreaker.com","_blank"],
[2,3,"Asp","http://www.ScriptBreaker.com","_blank"],
[1,3,"Forum","http://www.ScriptBreaker.com","_blank"],
[1,3,"Contact","http://www.ScriptBreaker.com","_blank"]
];

var Prop=[
15, // height of the level 1 headers
15, // height of the level 2 headers
15, // height of the level 3 headers
];
Avatar billede l_otto Nybegynder
19. marts 2004 - 14:16 #3
det er så det to filer der bestemmer menuen......

hjælp
Avatar billede Slawomir Seniormester
19. marts 2004 - 14:28 #4
der er ikke noget galt med den
Avatar billede l_otto Nybegynder
19. marts 2004 - 14:31 #5
ja den bliver længere og længere... den skal lukke træet når man trykker på næste link...
Avatar billede Slawomir Seniormester
19. marts 2004 - 14:35 #6
har du et link?

du kan også lige prøve med dette

<html>
<head>

<link rel="stylesheet" href="3level.css">
<title>ScriptBreaker.com :: 3 level click menu</title>
<script language="JavaScript" src="3level_items.js"></script>
<script language="JavaScript" src="3level_menu.js"></script>

</head>
<body>

<script language="JavaScript">
create_menu('ScriptBreaker',Link,Prop);
</script>

</body>
</html>
Avatar billede l_otto Nybegynder
19. marts 2004 - 14:38 #7
jamen siden virker fint.. men selve tree menu virker ikke som jeg vil have det..

prøv:

når man har trykket og den åbner "home" og viser hvad der er i... når man så trykker på "scripts" skal den lukke "home"

her:

http://www.dkscripts.starthotel.dk/dhtml/dhtmlSCRIPTS/14.htm
Avatar billede l_otto Nybegynder
19. marts 2004 - 14:39 #8
det virker ikke på dette link... kan du se hvad jeg taler om ?
Avatar billede Slawomir Seniormester
21. marts 2004 - 21:34 #9
nu er jeg ikke ud på at tage æren fra renoving som har lavet denne, man poster lige denne som er nok det du søger

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Simpel menu</title>
<meta name="Generator" content="Microsoft FrontPage 4.0">
<meta name="keywords" content="søgeord adskilt af komma">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.menupunkt{font-family:tahoma,verdana,arial,sans-serif;cursor:pointer;color:#fff;background:#ff8000;font-weight:800;font-size:12px;width:130px;}
.menu{display:none;padding-left:15px;}
.menu a{text-decoration:none;}
.menu a:link{color:black;}
.menu a:visited{color:black;}
.menu a:hover{color:red}
.menu a:active{color:red}

</style>
<script language="javascript" type="text/javascript">
function showMenu(d){
  var id = d.id.substring(5);
  divs = document.getElementsByTagName('DIV');
  for(i=0;divs.length>i;i++){
    if(divs[i].id.indexOf('menu')==0&&divs[i].id!='menu'+id){
      divs[i].style.display='none';
      document.getElementById('o'+divs[i].id+'pic').src = "../billede.jpg";
    }
  }
  st = document.getElementById('menu'+id).style;
  st.display = (st.display!='block')?'block':'none';
  document.getElementById(d.id+'pic').src = (st.display=='block')?"../eksperten_logo_new.gif":"../billede.jpg";
}
</script>
</head>
<body>
<div id="omenu1" class="menupunkt" onclick="showMenu(this);">
<img id="omenu1pic" src="../billede.jpg" height="10" width="10">
Punkt 1
  <div id="menu1" class="menu" onclick="event.cancelBubble=true" style="width: 130; height: 46">
    <a href="#" onclick="return false;">Underpunkt 1</a><br>
    <a href="#" onclick="return false;">Underpunkt 2</a><br>
    <a href="#" onclick="return false;">Underpunkt 3</a><br>
    <a href="#" onclick="return false;">Underpunkt 4</a><br>
    <a href="#" onclick="return false;">Underpunkt 5</a><br>
    <a href="#" onclick="return false;">Underpunkt 6</a><br>
    <a href="#" onclick="return false;">Underpunkt 7</a><br>
    <a href="#" onclick="return false;">Underpunkt 8</a>
  </div>
</div>
<div id="omenu2" class="menupunkt" onclick="showMenu(this);">
<img id="omenu2pic" src="../billede.jpg" height="10" width="10">
Punkt 2
  <div id="menu2" class="menu" onclick="event.cancelBubble=true" style="width: 130; height: 46">
    <a href="#" onclick="return false;">Underpunkt 1</a><br>
    <a href="#" onclick="return false;">Underpunkt 2</a><br>
    <a href="#" onclick="return false;">Underpunkt 3</a><br>
    <a href="#" onclick="return false;">Underpunkt 4</a>
  </div>
</div>
<div id="omenu3" class="menupunkt" onclick="showMenu(this);">
<img id="omenu3pic" src="../billede.jpg" height="10" width="10">
Punkt 3
  <div id="menu3" class="menu" onclick="event.cancelBubble=true" style="width: 130; height: 46">
    <a href="#" onclick="return false;">Underpunkt 1</a><br>
    <a href="#" onclick="return false;">Underpunkt 2</a><br>
    <a href="#" onclick="return false;">Underpunkt 3</a><br>
    <a href="#" onclick="return false;">Underpunkt 4</a>
  </div>
</div>
<div id="omenu4" class="menupunkt" onclick="showMenu(this);">
<img id="omenu4pic" src="../billede.jpg" height="10" width="10">
Punkt 4
  <div id="menu4" class="menu" onclick="event.cancelBubble=true" style="width: 130; height: 46">
    <a href="#" onclick="return false;">Underpunkt 1</a><br>
    <a href="#" onclick="return false;">Underpunkt 2</a><br>
    <a href="#" onclick="return false;">Underpunkt 3</a><br>
    <a href="#" onclick="return false;">Underpunkt 4</a>
  </div>
</div>
<div id="omenu5" class="menupunkt" onclick="showMenu(this);">
<img id="omenu5pic" src="../billede.jpg" height="10" width="10">
Punkt 5
  <div id="menu5" class="menu" onclick="event.cancelBubble=true" style="width: 130; height: 46">
    <a href="#" onclick="return false;">Underpunkt 1</a><br>
    <a href="#" onclick="return false;">Underpunkt 2</a><br>
    <a href="#" onclick="return false;">Underpunkt 3</a><br>
    <a href="#" onclick="return false;">Underpunkt 4</a>
  </div>
</div>

<div id="omenu6" class="menupunkt" onclick="showMenu(this);">
<img id="omenu6pic" src="../billede.jpg" height="10" width="10">
Punkt 6
  <div id="menu6" class="menu" onclick="event.cancelBubble=true" style="width: 130; height: 46">
    <a href="#" onclick="return false;">Underpunkt 1</a><br>
    <a href="#" onclick="return false;">Underpunkt 2</a><br>
    <a href="#" onclick="return false;">Underpunkt 3</a><br>
    <a href="#" onclick="return false;">Underpunkt 4</a>
  </div>
</div>
<div id="omenu7" class="menupunkt" onclick="showMenu(this);">
<img id="omenu7pic" src="../billede.jpg" height="10" width="10">
Punkt 7
  <div id="menu7" class="menu" onclick="event.cancelBubble=true" style="width: 130; height: 46">
    <a href="#" onclick="return false;">Underpunkt 1</a><br>
    <a href="#" onclick="return false;">Underpunkt 2</a><br>
    <a href="#" onclick="return false;">Underpunkt 3</a><br>
    <a href="#" onclick="return false;">Underpunkt 4</a>
  </div>
</div>
</body>
</html>
Avatar billede l_otto Nybegynder
22. marts 2004 - 08:42 #10
burger,,, jep.. men jeg skal også have en underpunkt2.

altså du skal kunne trykke på underpkt 1 og så folder der 3 nye underpunkter frem..

hvordan gør jeg det på den du har..
Avatar billede Slawomir Seniormester
22. marts 2004 - 14:08 #11
Avatar billede l_otto Nybegynder
22. marts 2004 - 14:13 #12
tak men den har jo ikke lukke funktionen :-)
Avatar billede l_otto Nybegynder
03. maj 2004 - 10:30 #14
burgerKing vil du have point?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester