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, 10316 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 ..
Ähnliche Inhalte
PHP
Bestimmte Dinste auf Klick beeden oder starten? (4)

Frage von bob777 zum Thema PHP ...

VB for Applications
gelöst Zelle in Excel per Klick einfärben (5)

Frage von C.Mue83 zum Thema VB for Applications ...

Neue Wissensbeiträge
Sicherheits-Tools

Sicherheitstest von Passwörtern für ganze DB-Tabellen

(1)

Tipp von gdconsult zum Thema Sicherheits-Tools ...

Peripheriegeräte

Was beachten bei der Wahl einer USV Anlage im Serverschrank

(8)

Tipp von zetboxit zum Thema Peripheriegeräte ...

Windows 10

Das Windows 10 Creators Update ist auf dem Weg

(6)

Anleitung von BassFishFox zum Thema Windows 10 ...

Heiß diskutierte Inhalte