Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Klick-Menue, oder wie auch immer es heissen mag

Anleitung Entwicklung JavaScript

Mitglied: 29457

29457 (Level 2)

17.03.2008, aktualisiert 25.03.2008, 10302 Aufrufe, 2 Kommentare

Was ist ein Klick-Menue?
Ein Menü, in dem man die Unterlinks aufruft, indem man auf den Hauptlink klickt.

Das Menue besteht aus einem < div >, welches den Javascript-Befehl onClick="klick(this)" zugewiesen bekommen hat, und einem < span > Tag, der die Navigationspunkte beinhaltet...

Um solch ein Menue auf der eigenen Seite zu verwenden, wird folgender Code verwendet:

Dieser Code muss in den < head > Bereich der Seite...

01.
      < style type="text/css" > 
02.
      .menu { 
03.
      background-color: #FCFAF8; 
04.
      border: solid 1px #CCBBBB; 
05.
      line-height: 20px; 
06.
      text-align: right; 
07.
      height: 20px; 
08.
      width:200px; 
09.
      margin: 0px; 
10.
      padding: 0px; 
11.
      color:#956F6F; 
12.
13.
 
14.
      .points a, .points a:visited , .points a:active { 
15.
      font: normal 0.9em verdana, sans-serif; 
16.
      background-color: #FCFAF8; 
17.
      border: solid 1px #CCBBBB; 
18.
      text-decoration:none; 
19.
      text-align: left; 
20.
      line-height: 20px; 
21.
      display: block; 
22.
      height: 20px; 
23.
      width:200px; 
24.
      color:#956F6F; 
25.
26.
 
27.
      .points a:hover { 
28.
      background-color:#fff; 
29.
      color:#C8A762; 
30.
31.
 
32.
      < script language="JavaScript1.2" type="text/javascript" > 
33.
 
34.
      var ns6=document.getElementById&&!document.all?1:0 
35.
 
36.
      var head="show:''" 
37.
      var folder='' 
38.
 
39.
      function klick(curobj){ 
40.
      folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style 
41.
      if (folder.display=="none") 
42.
      folder.display="" 
43.
      else 
44.
      folder.display="none" 
45.
      }

Und dieser Code muss an die Stelle im < body > Bereich, an der das Menue zu sehen sein soll.

01.
 
02.
      < div class="menu" onClick="klick(this)" id="Menu1" >  Navigation 1  < /div > 
03.
      < span class="points" style="display:none" > 
04.
      < a href="home.html" >Home   
05.
      < a href="about.html" >About   
06.
      < a href="tutorials.html" >Tutorials  < /a > 
07.
      < a href="guestbook.html" >Gaestebuch   
08.
      < a href="imprint.html" >Impressum  
Ich weiss, bisschen unuebersichtlich...tut mir leid...

Rabbit
Mitglied: Mitchell
19.03.2008 um 14:11 Uhr
Hi Rabbit,

da du HowTo's für Anfänger schreibst, würde ich die Leerzeichen in den Script-Tags noch wegmachen und evtl. auch darauf verweisen, dass man nicht zwingend JavaScriptl.2 schreiben muss, nur so als Tipp.

Mfg

Mitchell
glob. Moderator

PS: Ich schiebe den Beitrag mal in die Programmiersprache "Javascript"
Bitte warten ..
Mitglied: Dani
25.03.2008 um 21:15 Uhr
Abend Rabbit,
Ich weiss, bisschen unuebersichtlich...tut mir leid...
Tja...was kannst du dagegen machen?! Richtig, das Ganze aufbereiten und viele Kommentare schreiben. Was auch hier wieder fehlt ist ein Screenshot des Ganzen. Schließlich will man gerne das Objekt sehen, bevor man es kauft.

Mach doch einfach aus den 2 Codeblöcken Einen und kommentiere schön. Somit ist eine Verwirrung schon mal wech.


Grüße
Dani (glob. Moderator)
Bitte warten ..
Neuester Wissensbeitrag
Router & Routing

192.168er Adresse im öffentlichen Netz

(1)

Erfahrungsbericht von visco-c zum Thema Router & Routing ...

Ähnliche Inhalte
Windows Server
IIS https binding mag nicht (11)

Frage von H41mSh1C0R zum Thema Windows Server ...

JavaScript
gelöst Slideshow - nächstes bilder bei "klick" neu laden (2)

Frage von weaslflink zum Thema JavaScript ...

Windows Update
Microsoft Update Catalog mag jetzt auch Firefox und Chrome (6)

Link von tomolpi zum Thema Windows Update ...

TK-Netze & Geräte
Frankiermaschiene mag nur ADSL und kein Kabel (7)

Frage von StefanKittel zum Thema TK-Netze & Geräte ...

Heiß diskutierte Inhalte
Zusammenarbeit
Als Administrator im Großraumbüro (23)

Frage von Dopamin85 zum Thema Zusammenarbeit ...

Exchange Server
Test-ActiveSyncConnectivity Error nach neuem Zertifikat (19)

Frage von Driphex zum Thema Exchange Server ...

Hyper-V
HYPER V und USB (16)

Frage von Hendrik2586 zum Thema Hyper-V ...

Batch & Shell
gelöst Batch xls nach aktuellem Datum auslesen und email senden (14)

Frage von michi-ffm zum Thema Batch & Shell ...