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, 10320 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
Outlook & Mail
Bestimmte Elemente und Ordner per klick in PST Datei verschieben (5)

Frage von piwo91 zum Thema Outlook & Mail ...

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
Batch & Shell

Batch zum Zurücksetzen eines lokalen Profils

Tipp von Mr.Error zum Thema Batch & Shell ...

RedHat, CentOS, Fedora

Fedora, RedHat, Centos: DNS-Search Domain setzen

(13)

Tipp von Frank zum Thema RedHat, CentOS, Fedora ...

Heiß diskutierte Inhalte
LAN, WAN, Wireless
VPN Tunnel aufbauen (16)

Frage von Hajo2006 zum Thema LAN, WAN, Wireless ...

Microsoft Office
Saubere HTML aus Word-Dokument (14)

Frage von peterpa zum Thema Microsoft Office ...

Router & Routing
ASUS RT-N18U mit VPN Client hinter Fritzbox - Portforwarding (14)

Frage von marshall75000 zum Thema Router & Routing ...

E-Mail
gelöst Probleme beim E-Mail Empfang (12)

Frage von TommyB83 zum Thema E-Mail ...