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

Mit freundlichen Grüßen

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
Internet

Unbemerkt - Telekom Netzumschaltung! - BNG - Broadband Network Gateway

(3)

Erfahrungsbericht von ashnod zum Thema Internet ...

Ähnliche Inhalte
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 ...

Datenbanken
gelöst MS Access 2010 Berechtigung für Button(Klick) (12)

Frage von Dr.Cornwallis zum Thema Datenbanken ...

Microsoft Office
gelöst Updateprobleme bei Office 2013 32bit Klick und los (3)

Frage von OSIlayer8 zum Thema Microsoft Office ...

Heiß diskutierte Inhalte
Windows Server
Outlook Verbindungsversuch mit Exchange (15)

Frage von xbast1x zum Thema Windows Server ...

Grafikkarten & Monitore
Tonprobleme bei Fernseher mit angeschlossenem Laptop über HDMI (11)

Frage von Y3shix zum Thema Grafikkarten & Monitore ...

Microsoft Office
Keine Updates für Office 2016 (11)

Frage von Motte990 zum Thema Microsoft Office ...