Frage zu Menü und Anker in einem Text

[Tomm]

Hallo,

ich habe eine Webseite mit einem Menü, wenn man auf einen Menüpunkt klickt dann springt der Fokus zum Anker und dem entsprechden Text. Man sieht dann den gewählten Ausschnitt.
Weiss jemand wie man es macht,das ´man nur den ensprechenden ausgewählten Text sieht während der Rest unsichtbar ist ?
Müßte irgendwie mit "visibility:hidden;" und .current-menu-item gehen, ich bekomms aber nicht hin.

Gruss
Tomm

 

[nookie]

Quellcode oder eine Link zu deiner Website würden helfen. Das was du realisieren möchtest geht schon in Richtung JavaScript / jQuery, wenn ich dich richtig verstehe.

 

[Tomm]

Ich hab hier ein kleines Beispiel ist ein Plugin für Wordpress
http://codecanyon.net/theme_preview...?url_name=pathway-custom-wordpress-login-page
wenn du z.B. auf "Form Style Options" oder auf "Styling Options" klickst dann ist das immer dieselbe Seite und dieselben Bedienelemente und Menüs,aber immer ein unterschiedlicher Inhalt.
Hätte gerne gewusst wie man das hinbekommt.
Gruss
Tomm

 

[Nitamud]

In dem von dir gezeigten Bespiel durch eine serverseitige Prüfung der GET-Parameter(wahrscheinlich mit PHP). Wenn du das Ganze ohne Reload hinbekommen willst ist AJAX die andere Möglichkeit :)

 

[Tomm]

Okay Danke,

die URLs haben aber keinen GET-Parameter, die schaun so aus
Menü1 ----> http:// www.meine-domain.de/einstellung#Optionen
Menü2 ----> http:// www.meine-domain.de/einstellung#weitere_Einstellungen
Menü2 ----> http:// www.meine-domain.de/einstellung#farben
mit # ähnlich wie beim Ankerlink
Mit Javascript müßte es doch auch gehen oder ?
Gruss
Tomm

 

[scbawik]

Okay Danke,

die URLs haben aber keinen GET-Parameter, die schaun so aus
Menü1 ----> http:// www.meine-domain.de/einstellung#Optionen
Menü2 ----> http:// www.meine-domain.de/einstellung#weitere_Einstellungen
Menü2 ----> http:// www.meine-domain.de/einstellung#farben
mit # ähnlich wie beim Ankerlink
Mit Javascript müßte es doch auch gehen oder ?
Gruss
Tomm

Geht vielleicht auch CSS-only mit der :target-Pseudoklasse.
Beispiel:

.page {
  display:none;
}
.page:target {
  display:block;
}

<div class="page" id="Optionen">Seiteninhalt...</div>

Weitere Infos:
http://meiert.com/de/publications/articles/20060119/

 

[Tomm]

Geht vielleicht auch CSS-only mit der :target-Pseudoklasse.
Beispiel:

.page {
  display:none;
}
.page:target {
  display:block;
}

<div class="page" id="Optionen">Seiteninhalt...</div>

Weitere Infos:
http://meiert.com/de/publications/articles/20060119/

Danke, ich habs ausprobiert,das funktioniert
genau das hab ich gesucht

 

[Tomm]

Funktioniert zwar, aber ein kleines Problem gibt es noch.
Die Seite rutscht immer nach unten wenn man einen Menüpunkt anklickt, gibt es eine Möglichkeit damit die Seite ganz normal oben anliegt ?

Gruss
Tomm

 

[Tomm]

ich hab jetzt gefunden wonach ich gesucht habe, Menü-Tabs heissen die Dinger, die kann man z.B. hier runterladen

http://www.menucool.com/horizontal/tab-menu#view3

Tomm

 

[Tronjer]

Menü-Tabs heissen die Dinger, die kann man z.B. hier runterladen

Muss man aber nicht. Das sit ein Standardelement von Bootstrap.
http://getbootstrap.com/components/#nav