BlackBoard » Design, Programmierung & Entwicklung » Webdesign » Navigationsmenüersteller JS » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen
Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen Navigationsmenüersteller JS
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Zwerg Zwerg ist männlich
Aufsteiger


Dabei seit: 28.07.2003
Beiträge: 74

Navigationsmenüersteller JS       Zum Anfang der Seite springen

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!!
09.09.2004 19:26 Zwerg ist offline E-Mail an Zwerg senden Beiträge von Zwerg suchen
inde inde ist männlich
the r33l !n[)3


images/avatars/avatar-2005.jpg

Dabei seit: 14.09.2003
Beiträge: 267
Herkunft: von da wo ihr nie hinwollt...

      Zum Anfang der Seite springen

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!

__________________
MfG

the r33l !n[)3 [ http://www.indetonation.de ]

Durch Frauen wird immer alles nur noch schwieriger!
Odysseus (in "Troja")
24.09.2004 20:49 inde ist offline E-Mail an inde senden Beiträge von inde suchen
Zwerg Zwerg ist männlich
Aufsteiger


Dabei seit: 28.07.2003
Beiträge: 74

Themenstarter Thema begonnen von Zwerg
      Zum Anfang der Seite springen

Danke habe gleich eins gefunden, mit integriertem css aber ist schwierig umzuschreiben
26.09.2004 10:36 Zwerg ist offline E-Mail an Zwerg senden Beiträge von Zwerg suchen
inde inde ist männlich
the r33l !n[)3


images/avatars/avatar-2005.jpg

Dabei seit: 14.09.2003
Beiträge: 267
Herkunft: von da wo ihr nie hinwollt...

      Zum Anfang der Seite springen

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...

__________________
MfG

the r33l !n[)3 [ http://www.indetonation.de ]

Durch Frauen wird immer alles nur noch schwieriger!
Odysseus (in "Troja")
26.09.2004 10:41 inde ist offline E-Mail an inde senden Beiträge von inde suchen
Zwerg Zwerg ist männlich
Aufsteiger


Dabei seit: 28.07.2003
Beiträge: 74

Themenstarter Thema begonnen von Zwerg
      Zum Anfang der Seite springen

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
26.09.2004 12:29 Zwerg ist offline E-Mail an Zwerg senden Beiträge von Zwerg suchen
C-Shell C-Shell ist männlich
#/mod/webdesign/csh


images/avatars/avatar-1674.gif

Dabei seit: 11.02.2003
Beiträge: 520
Herkunft: /NRW/Wesel groupadd Essen

      Zum Anfang der Seite springen

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>


__________________
webdesign - selfhtml - selfphp - w3c
wenn eine freie gesellschaft den vielen, die arm sind, nicht
helfen kann, so kann sie auch jene nicht retten, die reich sind

c-schell.de - ADCC e.V.
26.09.2004 13:45 C-Shell ist offline E-Mail an C-Shell senden Homepage von C-Shell Beiträge von C-Shell suchen
Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema erstellen Antwort erstellen
BlackBoard » Design, Programmierung & Entwicklung » Webdesign » Navigationsmenüersteller JS

Forensoftware: Burning Board 2.3.6, entwickelt von WoltLab GmbH