BlackBoard | Druckvorschau: Navigationsmenüersteller JS

Geschrieben von Zwerg am 09.09.2004 um 19:26:

Navigationsmenüersteller JS

Guten Tag, ich suche seit langem nach einem Navigationsersteller (darf auch woll ein wenig kosten)

So ich will folgendes haben:

Ich habe 4 Oberpunkte, sind in diesem Beispiel dicke graue Balken mit aufschrieften (z.b. Downloads) Und darunter einen oberpunkt wat weiß ich Links!

So Diese oberpunkte will ich Unterpunkte geben. So und wenn ich auf Downloads dann klicke, soll sich das strecken und die unterpuklte sichbar werden (also zwischen den oberpunkten). Wenn ich dann auf einen anderen oberpunkt klicke, soll sich das geöffnete schließen und das neue öfnnen.

Verstanden. Notfals zeichen ich es auf.
In diesem fall ist ein JS erfprdelich habe ich gehört.
P.S. Im Beispiel eine Navileiste links am rande!

Kann auch mehr können, das prog aber das bracuhe ich ganz oft.
Achja und die Bilder der Ober und unterpunkte sollen wenns geht so aus dateien auch entnommen werden können!!!

Oder wenn einer ein fertiges JS hat, dass das erfüllt kann es mir ja geben!!

Geschrieben von inde am 24.09.2004 um 20:49:

Such am besten mal bei Google nach Javascripten z.B. rolldown Menü" oder so bei Google... ich hatte da mal n echt schönes (aber auch ziemlich kompliziertes gefunden...) war farblich und (sowieso) inhaltlich anpassbar! Einfach mal suchen, gibt x Seiten mit Scripten!

Geschrieben von Zwerg am 26.09.2004 um 10:36:

Danke habe gleich eins gefunden, mit integriertem css aber ist schwierig umzuschreiben

Geschrieben von inde am 26.09.2004 um 10:41:

Achte aber drauf, dass es wirklich mit allen Browsern geht. Das is nämlich drad es blöde an JS... und abgesehen davon nimmt son Menü Userzeit in anspruch, da es sich ja erst ausrollen muss, bevor man die Menüpunkte sehen und verwenden kann. Das musst du halt abwägen... und n Menü mit Unterpunkten kann man auch mit PHP schreiben, da haste halt keinen Effekt aber es is imho wesentlich effektiver und Userfreundlicher...

Geschrieben von Zwerg am 26.09.2004 um 12:29:

Ja mit PHP wollt ich dat ja erst machen, aber der server auf der die HP liegt unterstützt kein PHP (nur wenn man nochmal zusätzlich was blecht!!!)

Trotzdem Danke und bis denn

Geschrieben von C-Shell am 26.09.2004 um 13:45:

hier mal der navicode von meiner 1.hp (html - javascript):

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:

<TABLE width=616 HEIGHT=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
<tr>
 <td valign=top HEIGHT=100% width=120>

<TABLE width=120 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<tr height=73><td width=120 height=73>
<a href="home/start.html" target="main" onMouseOver='w8.src="images/button/b88.gif"' onMouseOut='w8.src="images/button/b8.gif"'><img src="images/button/b8.gif" name="w8" border="0"></a><br>
<img src="images/redline-blank.gif" border="0" width="120" height="4"><br>
<a href="home/gentleman.html" target="main" onMouseOver='w1.src="images/button/b11.gif"' onMouseOut='w1.src="images/button/b1.gif"'><img src="images/button/b1.gif" name="w1" border="0"></a><br>
<a href="home/partner.html" target="main" onMouseOver='w3.src="images/button/b33.gif"' onMouseOut='w3.src="images/button/b3.gif"'><img src="images/button/b3.gif" name="w3" border="0"></a><br>
<img src="images/redline-blank.gif" border="0" width="120" height="4"><br>
</td></tr>
<tr><td valign="top">

<!-- Mein MENU 2 -->
<script language="JavaScript" src="home/sliding_menu.js"></script>
<script language="JavaScript">
  var Link = new Array();
  Link[00] = "0|<img name='bild1' src=images/button/b4.gif onMouseOver=mov1() onMouseOut=mou1() border='0' height='23' width='120'>";
  Link[01] = "1|<a href='home/linux-dis.html' target=main>Distributionen</a>"
  Link[02] = "1|<a href='home/linux-tut.html' target=main>Tutorials</a>"
  Link[03] = "0|<img name='bild2' src=images/button/b5.gif onMouseOver=mov2() onMouseOut=mou2() border='0' height='23' width='120'>";
  Link[04] = "1|<a href='home/offline.html' target=main>Tuning</a>"
  Link[05] = "1|<a href='home/offline.html' target=main>Styling</a>"
  Link[06] = "0|<img name='bild3' src=images/button/b6.gif onMouseOver=mov3() onMouseOut=mou3() border='0' height='23' width='120'>";
  Link[07] = "1|<a href='home/exploits.html' target=main>Exploits</a>"
  Link[08] = "1|<a href='home/viren.html' target=main>Viren</a>"
  Link[09] = "1|<a href='home/anonym.html' target=main>Anonymität</a>"
  Link[10] = "0|<img name='bild5' src=images/button/b7.gif onMouseOver=mov5() onMouseOut=mou5() border='0' height='23' width='120'>";
  Link[11] = "1|<a href='home/c-tut.html' target=main>Tutorials</a>"
  Link[12] = "1|<a href='home/sources.html' target=main>Sourcecodes</a>"
  Link[13] = "1|<a href='home/offline.html' target=main>Own coded</a>"
  Link[14] = "0|<a href='home/links.html' target=main><img name='bild6' src=images/button/b2.gif onMouseOver=mov6() onMouseOut=mou6() border='0' height='23' width='120'></a><br><a href='home/downloads.html' target=main><img name='bild4' src=images/button/b9.gif onMouseOver=mov4() onMouseOut=mou4() border='0' height='23' width='120'></a>";


  startup(7);
</script>


<div style="position: absolute;">

 <div class="item_panel" id="down00">
  <div class="item" id="d01" style="height: 15px; width: 150px;" onmouseover="color(this.id)" onmouseout="uncolor(this.id)"><a target="main" href="home/linux-dis.html">1</a>
  </div>
  <div class="item" id="d02" style="height: 15px; width: 150px;" onmouseover="color(this.id)" onmouseout="uncolor(this.id)"><a target="main" href="home/linux-tut.html">2</a>
  </div>
 </div>

 <div class="item_panel" id="down03">
  <div class="item" id="d04" style="height: 15px; width: 150px;" onmouseover="color(this.id)" onmouseout="uncolor(this.id)"><a target="main" href="">4</a>
  </div>
  <div class="item" id="d05" style="height: 15px; width: 150px;" onmouseover="color(this.id)" onmouseout="uncolor(this.id)"><a target="main" href="">5</a>
  </div>
 </div>

 <div class="item_panel" id="down06">
  <div class="item" id="d07" style="height: 15px; width: 150px;" onmouseover="color(this.id)" onmouseout="uncolor(this.id)"><a target="main" href="home/exploits.html">7</a>
  </div>
  <div class="item" id="d08" style="height: 15px; width: 150px;" onmouseover="color(this.id)" onmouseout="uncolor(this.id)"><a target="main" href="home/viren.html">8</a>
  </div>
  <div class="item" id="d09" style="height: 15px; width: 150px;" onmouseover="color(this.id)" onmouseout="uncolor(this.id)"><a target="main" href="home/anonym.html">9</a>
  </div>
 </div>

 <div class="item_panel" id="down10">
  <div class="item" id="d11" style="height: 15px; width: 150px;" onmouseover="color(this.id)" onmouseout="uncolor(this.id)"><a target="main" href="c-tut.html">11</a>
  </div>
  <div class="item" id="d12" style="height: 15px; width: 150px;" onmouseover="color(this.id)" onmouseout="uncolor(this.id)"><a target="main" href="home/sources.html">12</a>
  </div>
  <div class="item" id="d13" style="height: 15px; width: 150px;" onmouseover="color(this.id)" onmouseout="uncolor(this.id)"><a target="main" href="">13</a>
  </div>
 </div>

 <div class="item_panel" id="down14">
 </div>


</div>


<!- ENDE - Mein MENU 2 -->


</td></tr>
</table>