Menüliste bei Hoover

Easy-Web · 5 März 2005

MenÃ¼liste bei Hoover

Kann mir jemand bei meinem kleinen problem helfen? Ich kenne mich in HTML einwenig aus lerne gerade PHP&mySQL aber von Java habe ich keinen meter ahnung. Ohne design program wÃ¤re ich glaubs hoffnungslos aufgeschmissen. so fertig gequatscht, nun meine frage:

(keine ahnung ob ich hier richtig bin) aber wie mache ich eine art Dropdownliste die auftaucht wen man z.b. bei dem index Ã¼ber ein index-Icon fÃ¤hrt.

nun fÃ¼r eine ausfÃ¼hrliche antwort wÃ¼rde ich mich freuen :roll:

CrackPod · 8 März 2005

Das ist ein Fertiger Code wo die Dinger stehen sollen wird mit CSS eingefÃ¼gt. Ich hab volles Vertrauen in dich

Den Code verstehst du schon :) !

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><title>Layermenu</title></head>
<body>
<script language="JavaScript">
function clean ()
{
  if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt (0)<'5'))
  {
  window.document.b.visibility="hide";
  window.document.m1.visibility="hide";
  window.document.m2.visibility="hide";
  window.document.m3.visibility="hide";
  window.document.m4.visibility="hide";
  window.document.m5.visibility="hide";
  window.document.m6.visibility="hide";
  window.document.m7.visibility="hide";
  return;
  }
 if (navigator.appVersion.charAt (0)<'5')
    {
    var layers=document.all.tags ("div");
    }
    else {
    var layers=document.getElementsByTagName("div");
    }
 layers[0].style.visibility='hidden';
 layers[2].style.visibility='hidden';
 layers[4].style.visibility='hidden';
 layers[6].style.visibility='hidden';
 layers[8].style.visibility='hidden';
 layers[10].style.visibility='hidden';
 layers[12].style.visibility='hidden';
 layers[14].style.visibility='hidden';
 return;
}

function menu (i)
{

switch(i)
 {
  case 1:
   {
    if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
     {
      window.document.b.visibility="show";
      window.document.m1.visibility="show";
      window.document.m2.visibility="hide";
      window.document.m3.visibility="hide";
      window.document.m4.visibility="hide";
      window.document.m5.visibility="hide";
      window.document.m6.visibility="hide";
      window.document.m7.visibility="hide";
     return;
     }
    if (navigator.appVersion.charAt (0)<'5')
    {
    var layers=document.all.tags ("div");
    }
    else {
    var layers=document.getElementsByTagName("div");
    }
    layers[0].style.visibility='visible';
    layers[2].style.visibility='visible';
    layers[4].style.visibility='hidden';
    layers[6].style.visibility='hidden';
    layers[8].style.visibility='hidden';
    layers[10].style.visibility='hidden';
    layers[12].style.visibility='hidden';
    layers[14].style.visibility='hidden';
    return;
   }
  case 2:
   {
    if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
     {
     window.document.b.visibility="show";
     window.document.m1.visibility="hide";
     window.document.m2.visibility="show";
     window.document.m3.visibility="hide";
     window.document.m4.visibility="hide";
     window.document.m5.visibility="hide";
     window.document.m6.visibility="hide";
     window.document.m7.visibility="hide";
     return;
     }
    if (navigator.appVersion.charAt (0)<'5')
    {
    var layers=document.all.tags ("div");
    }
    else {
    var layers=document.getElementsByTagName("div");
    }
    layers[0].style.visibility='visible';
    layers[2].style.visibility='hidden';
    layers[4].style.visibility='visible';
    layers[6].style.visibility='hidden';
    layers[8].style.visibility='hidden';
    layers[10].style.visibility='hidden';
    layers[12].style.visibility='hidden';
    layers[14].style.visibility='hidden';
    return;
   }
  case 3:
   {
    if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
     {
     window.document.b.visibility="show";
     window.document.m1.visibility="hide";
     window.document.m2.visibility="hide";
     window.document.m3.visibility="show";
     window.document.m4.visibility="hide";
     window.document.m5.visibility="hide";
     window.document.m6.visibility="hide";
     window.document.m7.visibility="hide";
     return;
     }
    if (navigator.appVersion.charAt (0)<'5')
    {
    var layers=document.all.tags ("div");
    }
    else {
    var layers=document.getElementsByTagName("div");
    }
    layers[0].style.visibility='visible';
    layers[2].style.visibility='hidden';
    layers[4].style.visibility='hidden';
    layers[6].style.visibility='visible';
    layers[8].style.visibility='hidden';
    layers[10].style.visibility='hidden';
    layers[12].style.visibility='hidden';
    layers[14].style.visibility='hidden';
     return;
     }
    case 4:
   {
    if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
     {
     window.document.b.visibility="show";
     window.document.m1.visibility="hide";
     window.document.m2.visibility="hide";
     window.document.m3.visibility="hide";
     window.document.m4.visibility="show";
     window.document.m5.visibility="hide";
     window.document.m6.visibility="hide";
     window.document.m7.visibility="hide";
     return;
     }
    if (navigator.appVersion.charAt (0)<'5')
    {
    var layers=document.all.tags ("div");
    }
    else {
    var layers=document.getElementsByTagName("div");
    }
    layers[0].style.visibility='visible';
    layers[2].style.visibility='hidden';
    layers[4].style.visibility='hidden';
    layers[6].style.visibility='hidden';
    layers[8].style.visibility='visible';
    layers[10].style.visibility='hidden';
    layers[12].style.visibility='hidden';
    layers[14].style.visibility='hidden';
    return;
   }
    case 5:
   {
    if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
     {
     window.document.b.visibility="show";
     window.document.m1.visibility="hide";
     window.document.m2.visibility="hide";
     window.document.m3.visibility="hide";
     window.document.m4.visibility="hide";
     window.document.m5.visibility="show";
     window.document.m6.visibility="hide";
     window.document.m7.visibility="hide";
     return;
     }
    if (navigator.appVersion.charAt (0)<'5')
    {
    var layers=document.all.tags ("div");
    }
    else {
    var layers=document.getElementsByTagName("div");
    }
    layers[0].style.visibility='visible';
    layers[2].style.visibility='hidden';
    layers[4].style.visibility='hidden';
    layers[6].style.visibility='hidden';
    layers[8].style.visibility='hidden';
    layers[10].style.visibility='visible';
    layers[12].style.visibility='hidden';
    layers[14].style.visibility='hidden';
    return;
   }
    case 6:
   {
    if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
     {
     window.document.b.visibility="show";
     window.document.m1.visibility="hide";
     window.document.m2.visibility="hide";
     window.document.m3.visibility="hide";
     window.document.m4.visibility="hide";
     window.document.m5.visibility="hide";
     window.document.m6.visibility="show";
     window.document.m7.visibility="hide";
     return;
     }
    if (navigator.appVersion.charAt (0)<'5')
    {
    var layers=document.all.tags ("div");
    }
    else {
    var layers=document.getElementsByTagName("div");
    }
    layers[0].style.visibility='visible';
    layers[2].style.visibility='hidden';
    layers[4].style.visibility='hidden';
    layers[6].style.visibility='hidden';
    layers[8].style.visibility='hidden';
    layers[10].style.visibility='hidden';
    layers[12].style.visibility='visible';
    layers[14].style.visibility='hidden';
    return;
   }
    case 7:
   {
    if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
     {
     window.document.b.visibility="show";
     window.document.m1.visibility="hide";
     window.document.m2.visibility="hide";
     window.document.m3.visibility="hide";
     window.document.m4.visibility="hide";
     window.document.m5.visibility="hide";
     window.document.m6.visibility="hide";
     window.document.m7.visibility="show";
     return;
     }
    if (navigator.appVersion.charAt (0)<'5')
    {
    var layers=document.all.tags ("div");
    }
    else {
    var layers=document.getElementsByTagName("div");
    }
    layers[0].style.visibility='visible';
    layers[2].style.visibility='hidden';
    layers[4].style.visibility='hidden';
    layers[6].style.visibility='hidden';
    layers[8].style.visibility='hidden';
    layers[10].style.visibility='hidden';
    layers[12].style.visibility='hidden';
    layers[14].style.visibility='visible';
    return;
   }
 }

}
</script>
<div id="b" style="position:absolute; left:30; top:30; width:340; height:170; z-index:1; visibility: hidden">
[url="#"] [/url]
</div>

<div id="h1" style="position:absolute; left:50; top:50; width:100; height:25;z-index:2; visibility: visible">

[url="#"]Menu 1[/url]
</div>

<div id="m1" style="position:absolute; left:50; top:75; width:100; height:100; z-index:3; visibility: hidden" >
[url="#"]Punkt 1[/url]

[url="#"]Punkt 2[/url]

[url="#"]Punkt 3[/url]
</div>

<div id="h2" style="position:absolute; left:150; top:50; width:100; height:25; z-index:4; visibility: visible">
[url="#"]Menu 2[/url]</div>

<div id="m2" style="position:absolute; left:150; top:75; width:100; height:100; z-index:5; visibility: hidden">
[url="#"]Punkt 1[/url]

[url="#"]Punkt 2[/url]

[url="#"]Punkt 3[/url]
</div>

<div id="h3" style="position:absolute; left:250; top:50; width:100; height:25; z-index:6">
[url="#"]Menu 3[/url]
</div>

<div id="m3" style="position:absolute; left:250; top:75; width:100; height:100; z-index:7; visibility: hidden">
[url="#"]Punkt 1[/url]

[url="#"]Punkt 2[/url]

[url="#"]Punkt 3[/url]
</div>

<div id="h4" style="position:absolute; left:350; top:50; width:100; height:25; z-index:8">
[url="#"]Menu 4[/url]
</div>

<div id="m4" style="position:absolute; left:350; top:75; width:100; height:100; z-index:9; visibility: hidden">
[url="#"]Punkt 1[/url]

[url="#"]Punkt 2[/url]

[url="#"]Punkt 3[/url]
</div>

<div id="h5" style="position:absolute; left:450; top:50; width:100; height:25; z-index:10">
[url="#"]Menu 5[/url]
</div>

<div id="m5" style="position:absolute; left:450; top:75; width:100; height:100; z-index:11; visibility: hidden">
[url="#"]Punkt 1[/url]

[url="#"]Punkt 2[/url]

[url="#"]Punkt 3[/url]
</div>

<div id="h6" style="position:absolute; left:550; top:50; width:100; height:25; z-index:12">
[url="#"]Menu 6[/url]
</div>

<div id="m6" style="position:absolute; left:550; top:75; width:100; height:100; z-index:13; visibility: hidden">
[url="#"]Punkt 1[/url]

[url="#"]Punkt 2[/url]

[url="#"]Punkt 3[/url]
</div>

<div id="h7" style="position:absolute; left:650; top:50; width:100; height:25; z-index:14">
[url="#"]Menu 7[/url]
</div>

<div id="m7" style="position:absolute; left:650; top:75; width:100; height:100; z-index:15; visibility: hidden">
[url="#"]Punkt 1[/url]

[url="#"]Punkt 2[/url]

[url="#"]Punkt 3[/url]
</div>
</body>
</Html>

ingoS · 9 März 2005

Meine Frage zu dem Script:
Wie schaffe ich es, dass sich das MenÃ¼ dann auch wieder einklappt, wenn ich es mit der Maus verlasse? WÃ¤re sehr freundlich, wenn du das dann auch JavaScript-Laien-kompatibel erklÃ¤ren kÃ¶nntest, damit ich weiÃŸ, was ich rein technisch gesehen Ã¼berhaupt tue, wenn ich diesen Einklapp-Zusatz mache.

Dragonjin · 9 März 2005

Hi Ho

Ich brÃ¤uchte auch ne Ã¤nderung im obrigen code und zwar:

-das menÃ¼ muss bei entfernen der maus wieder zu gehen (ganz wichtig)

-und nicht soo wichtig das was man auswÃ¤hlt sollte mit einer anderen farbe hinterlegt sein

-der link soll sich in einem bestimmten frame Ã¶ffnen das mÃ¼sste ich aber auch selbst hinbekommen

so ich danke fÃ¼r jede hilfe iss echt wichtig muss zwingend ne hp bauen iss eigentlich auch komplett fertig nur das menÃ¼ fehlt halt

allso denn viel glÃ¼ck und bitte bitte bereeilt euch iss wirklich dringend :?

ingoS · 9 März 2005

Das Zuklapp-Problem besteht auch fÃ¼r mich weiterhin, aber mit der farbigen Hinterlegung kann ich dir helfen (geht mit css):

Code:

<style type="text/css">
a:link {color:#000088; text-decoration: none}
a:visited {color:#000088; text-decoration: none}
a:hover {color:#dddddd; text-decoration: none; background-color: black;}
</style>

Hinweis:

Code:

text-decoration: none

steht da nur deswegen, weil ich finde, dass Unterstreichung schlecht aussieht, wenn man den Link farbig hinterlegt. Du kannst es natÃ¼rlich auch weglassen. Du musst auch die Linkfarbe nicht unbedingt Ã¤ndern, das, worauf es ankommt ist also:

Code:

background-color: Farbe

--- --- --- --- --- --- ---

-der link soll sich in einem bestimmten frame Ã¶ffnen das mÃ¼sste ich aber auch selbst hinbekommen

Einfach nur

Code:

<a href="link" target="Name des Frames">

CrackPod · 10 März 2005

damit sich das menu wieder schliest muss man einfach bei on mouseover:function irgendwas anschlieÃŸend noch onmouseout="clean".

Auf jeden fall die function clean dazu schreiben, dann sollte es wieder zu gehen ich bin mir aber nicht sicher ob das auch mit diesem script geht

blueberry · 11 März 2005

Ahmm, Leute?????
WÃ¤re es nicht geschickt auch ein bisschen selber zu DENKEN?
Also, ich verstehe ja, wenn ihr euch mit HTML net auskennt, aber man CrackPod hat euch den Ansatz gegeben, wie wÃ¤re es dann mit ein bisschen Nachdenken?

CrackPod · 11 März 2005

Wenn man keine Ahnung von Java Script hat, ist das verdammt schwer...

Und er hat ja geschreiben dass er von Java Script "keinen Meter Ahnung" hat.

Also nicht so schroff, nur weil du das kannst.

ingoS · 12 März 2005

Mein lieber blueberry!

Ich muss CrackPod absolut zustimmen und mÃ¶chte gerne fÃ¼r Dragonjin Partei ergreifen und natÃ¼rlich mich selbst verteidigen.

:?: Erste Frage: Wozu ist dieses Forum gut?
:!: Richtig: Dazu, dass auch AnfÃ¤ngern geholfen wird!

:?: Zweite Frage: In welcher Notsituation befindet sich Dragonjin?
:!: Antwort ergibt sich, wenn mal einfach mal genauer liest:

Dragonjin schrieb:
so ich danke fÃ¼r jede hilfe iss echt wichtig muss zwingend ne hp bauen iss eigentlich auch komplett fertig nur das menÃ¼ fehlt halt

Ich denke mal, er wird wohl nicht unter hÃ¶chstem Zeitdruck noch JavaScript lernen wollen, nur um zu vermeiden, dass den groÃŸen Meister mÃ¶glicherweise die banale Fragen belÃ¤stigt.

Ich selbst habe mir eigentlich nicht vorzuwerfen, selber nicht gedacht zu haben, denn ich habe einfach keine Ahnung, wie JavaScript funktioniert. Ein bisschen was krieg ich schon auf die Reihe, aber dieses Script ist fÃ¼r mich absolut hohe Kunst. Darum habe ich auch angefragt, ob man vielleicht auch erklÃ¤ren kÃ¶nnte, warum man das und das machen muss, um das MenÃ¼ wieder zuklappen zu lassen. Dass man sich dann einfach nur an bestimmten Stellen auf die Funktion "clean" beziehen muss, konnte ich einfach nicht ersehen. Jetzt, wo CrackPod das geschrieben hat, fange ich auch an, es zu verstehen, aber JavaScript ist eben nicht einfach, wenn man es noch nicht durchschaut.

Du versuchst doch auch sonst in allen anderen BeitrÃ¤gen, die du bisher geschrieben hast, den Leuten zu helfen - und nur dazu ist dieses Forum doch da! Was war an Dragonjin's und meinem Beitrag so schlimm? Ich weiÃŸ, dass dieses Forum nicht als Script-Service gedacht ist, bei dem man bestellt und dann geliefert bekommt. Aber Dragonjin und ich mussten es in diesem Fall eben so nutzen - weil wir eben keine Ahnung hatten! Deswegen sind wir doch nicht blÃ¶d oder unfÃ¤hig nachzudenken (d.h. von Dragonjin weiÃŸ ich es nicht, ich kenne ihn ja nicht :mrgreen: [war nur ein Scherz!!!]).

Tut mir Leid fÃ¼r dieses ganze Geschwalle, manche Leute betrachten sowas sogar als Spam, aber die Meinung teile ich nicht. Ich mÃ¶chte nur nicht, dass dieser Thread so wird wie der hier.

P.S.: Warum sprichst du davon, dass irgendwer von HTML keine Ahnung hat? War das nur im Eifer des Gefechts schnell geschrieben? Oder gehst du wirklich davon aus? Denn dann dÃ¼rftest du wohl erst recht nicht erwarten, dass jemand ein JavaScript durchschaut. HTML-Grundlagen kann man sich auch durch Beobachtung und "Analyse" von Seiten beibringen - ich spreche aus meiner unermesslichen Erfahrung als HTML-Autodidakt :mrgreen: (ich liebe dieses Smilie :mrgreen:). Aber JavaScript kann SCHWER sein. Und es ist nicht so einfach zu erfassen. Punkt (endlich! :mrgreen:).

Dragonjin · 14 März 2005

hi ho

^^
@ingoS danke fÃ¼r deine verteidigung

ne muss echt die hp feddig bekommen (3 days remaining) hab mir jetzt viele viele dropdown und was weiÃŸ ich fÃ¼r menÃ¼s geholt hab selbst auch an dem oberen script rumgebastelt joa das menÃ¼ ging anfangs ja noch auf dan aber ned mehr ^^ allso java iss echt ned mein fall

nur iss das echt genau das was ich gesucht hab nur gehts ned mehr zu

allso ich hoffe irgendjemand lÃ¶st das problehm ich durchforste auch bereits das netz

MfG der Dragonjin

-------------Edit---------------
Hab was gefunden man muss zwar erst draufclicken aber es geht zumindest wieder zu ^^

http://www.javarea.de/index.php3?attachment=file&id=400

ingoS · 14 März 2005

Ich hÃ¤tte da eine MÃ¶glichkeit gefunden, habe nÃ¤mlich mit dieser clean-Funktion ein bisschen rumprobiert, wenn du folgendes machst, klappt sich das MenÃ¼ zumindest dann wieder zu, wenn du mit der Maus vorher auf den Links warst und nicht zum "MenÃ¼1/2/3/4/..."-Link zurÃ¼ckgehst.
Ich bin mir sicher, dass das irgendwie geschickter geht, aber weil du so wenig Zeit hast, hier erst einmal der Code:

Code:

<div id="m7" style="position:absolute; left:650; top:75; width:100; height:100; z-index:15; visibility: hidden" onmouseover="menu(7)" onmouseout="clean(7)">

w i c h t i g :
Du musst fÃ¼r die jeweilige MenÃ¼-"Nummer" entweder 1, 2, 3, 4, 5, 6 oder 7 (usw.) in die Klammern schreiben (bei "clean(ZAHL)" und "menu(ZAHL)" ). Wenn du im Quelltext nicht durchblickst, guck einfach auf die id="m..."-Angabe im gleichen div-Tag.
Das Wichtige ist eben onmouseover="menu(...)" onmouseout="clean(...)"
Ich hoffe, dass ich mich verstÃ¤ndlich genug ausgedrÃ¼ckt habe.

Ãœbrigens: Von dem MenÃ¼, zu dem du verlinkt hast (http://www.javarea.de/index.php3?attachment=file&id=400), wÃ¼rde ich dir eher abraten (sieht bei mir in Firefox extrem merkwÃ¼rdig aus).

Dragonjin · 15 März 2005

joa hab auch noch was gefunden komm nur mim code ned ganz klar die links sollen jetzt im Hauptframe aufgehen und eigentlich heiÃŸt des dan "frame_hauptframe" funtzt nur ned wenn da jemand helfen kann ^^

-----Edit------
habs hinbekommen mann muss nur den Framenamen eigeben allso z.b. [Hauptframe|] und dan funtzt es

Code:

<title>Cascade Menu</title>
 <style type="text/css">
 <!--
  body { font: 12px tahoma } 
 //-->
 </style>
<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; // Hoehe der Menuekoepfe
  var iheight = 15; // Hoehe der Menueelemente 
  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[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;
 }
 }
}  
</script>
</head>
<body>
<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|Home";
  Link[1] = "1|Startseite|http://www.web.de|frame_Hauptframe|";
  Link[2] = "1|Kontakt|http://.p|";
  Link[3] = "1|WalldorftÃ¼ren|http://www.javarea.de|frame_Hauptframe|";
  Link[4] = "0|StandardtÃ¼ren|http://www.javarea.de|";
  Link[5] = "1|Dekorfolie|http://www.javarea.de|";
  Link[6] = "1|CPL-Laminate|http://www.javarea.de|";
  Link[7] = "1|Echtholzfurniert|http://.|";
  Link[8] = "0|StiltÃ¼ren";
  Link[9] = "1|Klassiker|http://.|";
  Link[10] = "1|Landdesing|http://.|";
  Link[11] = "1|Landhaus|http://.p|";
  Link[12] = "0|DesingtÃ¼ren";
  Link[13] = "1|DesigntÃ¼ren|";
  Link[14] = "0|Sonstiges|";
  Link[15] = "1|ZubehÃ¶r|http://.p|";
  Link[16] = "1|Profile|http://.p|";
  Link[17] = "1|Sonderaktionen|http://.p|";
  
  startup(4);
  </script>

sim · 6 April 2005

So ich glaube hier bin ich richtig!

Ich suche was fÃ¼r mein MenÃ¼ , was noch recht unÃ¼bersichtlich ist!

http://sim.si.funpic.de/gfx/index.htm

Da wÃ¼rde ich dann gerne Oberbereiche einfÃ¼gen (About Me, Community, Interaktiv, ...) und eine zeile drunter gehen dann beim Hover jeweils die Unterpunkte auf, damit es Ã¼bersichtlicher wird.

Wie mach ich sowas?

Danke schonmal fÃ¼r eure Hilfe

sim

ingoS · 7 April 2005

Wenn du die Unterpunkte alle in einer Zeile haben willst, nimm einfach das obere Script, Ã¤ndere die Angaben so, dass nicht nach jedem Punkt ein
ist und erhÃ¶he die Breite der <div>-Bereiche, in denen sich die Unterpunkte befinden.

sim · 7 April 2005

So, des hab ich mal angewendet, aber ich finds scheisse, dass der irgendwo auf der Homepage rumschwirrt anstatt im angegebenen <td> steht... :cry:

schauts mal auf www.planet-sim.de.gg, das sieht scheisse aus.. ich will das da wo das jetzige menÃ¼ auch ist, und dann direkt die zeile darunter sollen die Unterpunkte sein...

greetz

CrackPod · 7 April 2005

du musst bei den style="" attributen der <div> bereiche die top und die left angaben Ã¤ndern und anpassen

sim · 7 April 2005

so jetze muss des nur noch in einer reihe stehen die einzelnen menÃ¼s

sim · 7 April 2005

Also wÃ¼rde des gerne so haben:

MenÃ¼ 1 - MenÃ¼ 2 - MenÃ¼ 3
darunter die jeweiligen Punkte

Wobei das im Moment so ist:

MenÃ¼ 1
Punkt 1
Punkt 2
MenÃ¼ 2
Punkt 1
MenÃ¼ 3
Punkt 1
Punkt 2
Punkt 3
Punkt 4

Wie mach ich des? :|

CrackPod · 7 April 2005

mit den style attributen in den div bereichen!!!!!! :evil: :evil:
Hab ich dir aber schon mal gesagt :evil:

sim · 7 April 2005

Ne die habe ich einfach alle gelÃ¶scht, bis auf "visible" und "hidden"! So blÃ¶d bin ich auch nicht!

Nur, da das verschiedene <div> sind, kann der die nun nicht mehr nebeneinander anzeigen!

:evil: :evil: :evil:

Menüliste bei Hoover

Neues Mitglied

Neues Mitglied

Aktives Mitglied

Neues Mitglied

Aktives Mitglied

Neues Mitglied

blueberry

Guest

Neues Mitglied

Aktives Mitglied

Neues Mitglied

Aktives Mitglied

Neues Mitglied

Neues Mitglied

Aktives Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied

Neues Mitglied