Top-Themen

Aktuelle Themen (A bis Z)

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

Mitglied: 29457

29457 (Level 2)

17.03.2008, aktualisiert 25.03.2008, 10444 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
Batch & Shell
Mit einem Klick ein Backup machen
Tipp von KennethBatch & Shell14 Kommentare

Hier ist der Code mit dem man ein Backup macht:

Neue Wissensbeiträge
Humor (lol)
Meine Variante der DSGVO
Tipp von Henere vor 11 StundenHumor (lol)1 Kommentar

Datenschutzerklärung Jede gute Website braucht eine Datenschutzerklärung? Ok, dann machen Sie sich auf etwas gefasst. Präambel Artikel 12 der ...

Administrator.de Feedback

Entwicklertagebuch: Datenschutzerklärung nach DS-GVO

Information von admtech vor 18 StundenAdministrator.de Feedback

Hallo Administrator User, Wir respektieren eure Privatsphäre und möchten euch daher auf die Möglichkeiten für den Umgang mit euren ...

Voice over IP

Rufnummernblock aufbrechen nun möglich bei DTAG

Tipp von Datenreise vor 22 StundenVoice over IP

Bei der Telekom ist es seit einigen Tagen laut Aussage der Geschäftskunden-Hotline möglich, eine Rufnummernübernahme auch dann durchzuführen, wenn ...

Netzwerke
Riesiges Botnetz in Deutschland
Tipp von FFSephiroth vor 1 TagNetzwerke1 Kommentar

Überprüft mal eure Router und NAS

Heiß diskutierte Inhalte
HTML
Link nicht vollständig
Frage von jensgebkenHTML33 Kommentare

Hallo Gemeinschaft, ich erstelle mit Word einen Serienbrief, den ich per Mail versende. Nun mein Problem der Wordserienbrief holt ...

Voice over IP
VOIP: Lösungen für Notruf?
Frage von MimemmmVoice over IP26 Kommentare

Hey Welche Möglichkeiten hat man eigentlich noch bei VOIP um zuverlässige Notrufe zu ermöglichen? Ein aufgeladenes Handy habe ist ...

Server-Hardware
ILO4 auf HP DL20 Gen9 deaktivieren
Frage von it-fraggleServer-Hardware16 Kommentare

Hallo, es ist zum verrückt werden. Auf dem Server lässt sich iLO nicht abschalten. Das Problem hatte ich schon ...

Windows Server
Fragwürdige GPO Fehler im Syslog
gelöst Frage von Ex0r2k16Windows Server13 Kommentare

Hallo! Ich kriege bei manchen (oder sogar allen? -prüfe noch) Clients folgenden Fehler bei mehreren GPOs (aber nicht bei ...