JA, erstelle eine zusätzliche versteckte "Landingspage" für diese Kategorie und verlinke sie mit der Ebene!

Ich kann den Effekt bestätigen.

Wird die Seite einer Ebene im Browser angezeigt, dann wird die Ebene im Menü als "aktuell" gesetzt.

Wird die verborgene Seite einer Ebene angezeigt, dann gilt die Ebene im Menü als "nicht aktuell".

Eine Lösung habe ich nicht, aber vielleicht die Inocmedia-Mitarbeiter oder CSS-/Javascript-Experten.

Hey ihr beiden, 

vielen Dank für eure Antworten!

@Andreas S.

Ich hab mal versucht eine zusätzliche verborgene Landingseite einzubauen. Hat nichts verändert, bin mir aber nicht sicher, ob ich dich richtig verstanden habe. 

Also ich soll ne Landingpage (Spezialseiten) hinzufügen und die unter die Kategorie packen? Mir ist nicht klar, wie ich das verlinken soll. Stehe glaube ich auf dem Schlaich... :-)

@Daniel W.

Ja, genau das beschreibt mein Problem perfekt! :-)

Meine Seite ist aktuell noch offline und nur als Projekt vorhanden. Es handelt sich um eine Mopedhobbyschrauberseite mit einem Tool, das über verlinkte Bereiche in Bildern vom Moped erschiedene Bauteile näher darstellt und auf Themenbereiche verlinkt. Also z.B. wird der Vergaser im eingebauten Zustand im Bild dargestellt. Klickt man im Bild auf den Vergaser gelangt man auf eine neue Seite auf der alles rund um das Thema Vergaser erläutert wird.

LG Daniel

Es gebe diese Möglichkeit:

Bild verlinken mit "Seite der Webseite" und als Option "In einem ShowBox-Fenster öffnen".

Siehe auch meine Testseite >> https://findelinks.de/123test-aufklappmenue-2/

-----

Evtl. noch die Seiten im ShowBox-Fenster auf "ohne Templates" setzen.

Verlinkte Seite unter "3 Sitemap" markieren und oben auf "Eigenschaften" klicken, dann den Reiter "Grafik" anklicken und bei "Optionen" des Häkchen setzen bei "Seite ohne Template erstellen".

Und wenn die Seite nicht im Menü erscheinen soll unter "3 Sitemap" auf "Verborgen" stellen.

Ich vermute mal, dass auf der Mopedseite ein Imagemap verwendet wird, also ein Bild, bei dem verschiedene Teile als Links zu den verborgenen Seiten mit den Details verlinkt werden.

Ich habe eine Testseite erstellt, bei der ich Imagemap-Code (erstellt mit kostenlosem Online-Tool) im Objekt "HTML Code" verwendet habe, den ich um Code für die ShowBox-Anzeige erweitert habe.

Meine Testseite >> https://findelinks.de/123test-aufklappmenue-2/imagemap.html

----- Verwendeter Code für Imagemap im Objekt "HTML Code" -----

<img src="bilder/FAQ-1.jpg" usemap="#image-map">

<map name="image-map">

<area target="" alt="" title="" href="seite-f.html" onclick ="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'seite-f.html', width: 1920, height: 1080, description: ''}]}, 0, this);" onclick="return x5engine.utils.location('seite-f.html', null, false)" coords="14,150,169,346" shape="rect">

<area target="" alt="" title="" href="seite-a.html" onclick ="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'seite-a.html', width: 1920, height: 1080, description: ''}]}, 0, this);" onclick="return x5engine.utils.location('seite-a.html', null, false)" coords="180,152,339,342" shape="rect">

<area target="" alt="" title="" href="seite-q.html" onclick ="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'seite-q.html', width: 1920, height: 1080, description: ''}]}, 0, this);" onclick="return x5engine.utils.location('seite-q.html', null, false)" coords="346,154,504,346" shape="rect">

</map>

-----

Anmerkungen zum Code:

Hier gibt es bei meiner Testseite 3 Area-Abschnitte mit jeweils 3 Stellen (fett markiert), an denen der Dateinamen der Seite an den Dateinamen der eigenen Seiten angepasst werden muss.

Hinzuzufügen sind noch die Inhalte bei alt="" und title="" - z.B. für die Barrierefreiheit.

Die Abschnitte bei "onclick" sind für das ShowBox-Fenster und wurden aus dem Quelltext kopiert.

Nachtrag:

Meine Testseite mit einem Imagemap-Code, der mit einem responsiven Imagemap Generator erzeugt wurde, hat in der Handy-Simulation hochkant die Buchstaben den falsche Seiten zugeordnet.

Bei größeren Bildschirmbreiten gab es dagegen keine Probleme.

Bei meiner Testseite habe ich es beim nicht-responsive Imagemap-Code belassen und solange das Bild nicht zu groß ist, reicht es das Handy quer zu halten, damit das Bild ganz zu sehen ist.

An die anderen Nutzer:

Evtl. kennt jemand einen responsiven Imagemap Generator, der bei Handy hochkant nicht nur das Bild entsprechend verkleinert, sondern die Zuordnung der Flächen zu den Seiten richtig macht.

Normlerweise gibt es viele Generatoren auch für responsiove Imagemaps  LINK

Allerdings wenn man es speziell haben will wie breit- und responsive hochgestellt, muss man dies individuelle mit CSS Code und neuen Mapcode lösen. Ob das nur mit CSS möglich ist oder mit zusätzlichem Javascript kann ich nicht sagen.

Genau, ich hab es via imap eingefunden.

Aber wie löse ich denn jetzt das Problem, dass die verborgenen Seiten nicht als aktuelle Seite im Menü angezeigt werden?

Für das Problem - verborgene Seiten werden nicht als aktuelle Seite angezeigt - noch keine Lösung.

...

_____ Zu meiner Testseite und der Problemlösung _______

Bei meiner Testseite habe ich ein 2. Objekt "HTML Code" mit einem Imagemap-Code, das mit einem kleineren Bild über ein Imagemap-Online-Tool erstellt wurde, ins Raster eingefügt.

Von den beiden Objekten "HTML Code" untereinander wird jeweils 1 Objekt mit CSS-Code je nach Bildschirmbreite ausgeblendet, so dass Objekt 1 bei größeren und Objekt 2 bei kleineren Bildschirmen angezeigt wird.

----- Codebeispiel für das kleinere Bild (Breite 360px) bei meiner Testseite -----

<img src="bilder/FAQ-1-klein.jpg" usemap="#image-map-klein">
<map name="image-map-klein">
<area target="" alt="" title="" href="seite-f.html" onclick ="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'seite-f.html', width: 1920, height: 1080, description: ''}]}, 0, this);" onclick="return x5engine.utils.location('seite-f.html', null, false)" coords="19,104,114,239" shape="rect">

<area target="" alt="" title="" href="seite-a.html" onclick ="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'seite-a.html', width: 1920, height: 1080, description: ''}]}, 0, this);" onclick="return x5engine.utils.location('seite-a.html', null, false)" coords="119,107,228,239" shape="rect">

<area target="" alt="" title="" href="seite-q.html" onclick ="return x5engine.imShowBox({ media:[{type: 'iframe', url: 'seite-q.html', width: 1920, height: 1080, description: ''}]}, 0, this);" onclick="return x5engine.utils.location('seite-q.html', null, false)" coords="234,106,339,238" shape="rect">

</map>

-----

Vielleicht haben die Incomedia-Mitarbeiter am Montag eine Lösung, um bei angezeigten "verborgenen" Seiten in einer Ebene auch diese Ebene im Menü als "aktuell" zu markieren.

(It > De) ... Hallo, Entschuldigung, vielleicht sollten wir die Probleme nacheinander in separaten Themen behandeln.
Ich bin selbst etwas verwirrt und verstehe Folgendes nicht:
Versteckte Elemente, Ebenen, Aktive Elemente, Landingpages, Mappings usw...

.

ciao

Hallo Daniel, ... danke...
... Es ist normal, dass es so funktioniert, wie du gesagt hast. Wenn du die Ebene „Ebene B“ öffnest, existiert die Seite „Seite 13“ in diesem Menü nicht, als wäre sie nicht Teil dieser Ebene. Daher kann die Ebene auch nicht markiert werden.
Ebenen sind keine Ordner, sondern eine logische Unterteilung.
Alle Seiten der Website befinden sich im Stammverzeichnis.
Wenn du die aktuelle Seite der Ebene „Ebene B“ zuordnen möchtest, müsstest du zusätzlichen Code auf der Seite „Seite 13“ verwenden. Das wäre aber falsch, da der Seitenname nicht angezeigt würde, wenn du die markierte Ebene öffnest. Aber es ist möglich.
Der zusätzliche Code kann anhand eines realen Online-Links ausgewertet werden.

.

ciao

.

Wenn die Seite 13 angezeigt wird, dann ist die Ebene B so farblich gekennzeichnet wie es in den Einstellungen für das Menü bei "aktuelle Seite" eingestellt wurde.

Wenn ich die Seite 13 als "Versteckt" (englischen Version, deutsche Version "Verborgen") markiere, dann gilt die Einstellung für die Farbe im Menü bei "aktuelle Seite" nicht mehr.

Diese unterschiedliche Behandlung bei der eingestellten Farbe für die "aktuelle Seite" im Menü stört offensichtlich den Fragesteller.

Vielleicht können die Incomedia-Mitarbeiter am Montag sagen warum die Farbeinstellung deaktiviert wird, wenn die Seite als "Versteckt" (englischen Version, deutsche Version "Verborgen") markiert ist.

... Für mich verhält es sich wie beschrieben, was den normalen Gebrauch angeht. Wenn Daniel S.  das versteht, sollte er keine Probleme haben...

.

ciao

.

...a basic example done on the fly in 5 minutes...
> Link to > Level 1 > page 5 >> visible
> Link to > Level 1 > page 5 >> hidden +  EXTRA x Active Level

-

Guten Abend,

vielen Dank für eure Unterstützung!

Genau - ich möchte eine versteckte ("hidden") Seite trotzdem weiterhin in der Kategorie "Werkstatt" (= Orange, aktuelle Seite) anzeigen lassen.

Habe mal zum besseren Verständnis ein Screenshot gefertigt:

Kategorie "Werkstatt" (= aktiv)

Klicke ich jetzt auf den Frontscheinwerfer, gelange ich auf die Seite "bauplanfrontscheinwerfer.html".

Diese Seite ist innerhalb der Sitemap in der Kategorie "Werkstatt" enthalten, soll jedoch im Menü als Seite nicht angezeigt werden. Stattdessen soll aber die Kategorie "Werkstatt" weiterhin orange eingefärbt bleiben, damit die User weiterhin erkennen, dass sie in der Kategorie "Werkstatt" sind. Auf dem Screenshot sieht man, dass die Kategorie "Werkstatt" nicht aktiv ist und nicht orange eingefärbt ist.

Hoffe ihr versteht mich. :-)

@KolAssim

Habe mir den Seitenquellcode angeschaut und auch schon versucht, das bei mir umzusetzen. Allerdings ist es mir nicht gelungen. Wie gehe hier vor?

Vielen Dank vorab!

Gruß Daniel

Wäre mein Vorschlag mit dem Imagesmap nicht die bessere Lösung?

Hier blieben die Besucher auf der Seite, die nicht "verborgen" ist, da hier die verborgenen Seiten ohne Template (also ohne Header mit Menü und ohne Footer) im ShowBox-Fenster geöffnet werden.

Die Besucher könnten das ShowBox-Fenster mit einem Klick daneben einfach wieder schließen und wären weiterhin auf der Seite mit dem gesamten Moped für weitere Klicks auf ein Detail.

Hallo, wie bereits erwähnt, wäre es besser, den Link zum Beispiel zu posten, damit Sie es sich ansehen und die Sache vereinfachen können.

In meinem Beispiel gibt es zwei Ebenen: Ebene 1 und Ebene 2.

Die versteckte Seite befindet sich in Ebene 1.

Auf der versteckten Seite habe ich folgenden Code eingefügt:

<!-- K -->
<script>
/* livello corrente by KolAsim */
k = $(" .imLevel");
$(k[0]).addClass( "imMnMnCurrent")
</script>
<!-- K -->

-------------------
... $(k[0]) >> bezieht sich auf Ebene 1
... $(k[1]) >> bezieht sich auf Ebene 2

.

ciao

.

Hey Daniel, nicht wirklich, weil die Nutzer im Hintergrund auf komplette FAQ Seiten gelangen, in denen dann Erläuterungen und Anleitubgen zu finden sind. 

Die Seite gibt es noch in einer alten Form unter https://www.schwalbepilot.de/toolbpfaqinhalt.html

Weil diese nicht responsive ist und für.mich in der Bearbeitung so aufwendig ist und weitere Funktionen erhalten soll, bin ich auf Website x5 umgestiegen und baue die Website nach.

LG Daniel 

@KolAsim

Vielen Dsnk - ich werde es noch mal probieren.

Wenn ich den Link nicht als verborgene Seite einstelle, dann wird es für die Nutzer im Menü zu unübersichtlich, da es sehr viele verschiedene Ansichten und FAQ Artikel auf meiner Website gibt.

Ich fürchte, es gibt keine Alternative zu der "hidden" Funktion...

LG Daniel

Jeder Nutzer hat natürlich seine eigenen Vorstellungen von der Gestaltung seiner Webseite.

Aber noch dieser Hinweis - auch ich ShowBox-Fenster können längere Inhalte untergebracht werden, sogar ein Menü-Objekt, das nur die Seiten einer Ebene anzeigt.

Und bei längeren Inhalten - die Seite im ShowBox-Fenster kann auch gescrollt werden, siehe

----- ShowBox-Fenster mit Scrollbalken -----

----- ShowBox-Fenster mit Menü-Objekt, das eine Ebene anzeigt -----

... OK ... falls Sie weitere Erläuterungen zum Ablauf benötigen, lassen Sie es mich wissen ... tschüss, ciao

.

Ich noch mal...

habe meine Website jetzt mal zum Test hochgeladen.

… Seitenansicht (Lichtmaschine) - Schwalbepilot.de | Alles rund um die Simson Schwalbe

https://www.schwalbe-forum.de/testverzeichnis/bauplanbatteriefach.html(= versteckte Seite der Kategorie "Werkstatt")

Leider funktioniert in beiden Ansichten die "aktuelle Seite" nicht, d.h. das Menü zeigt nicht die hinterlegten Einstellungen an. Im Vorschaumodus hingegen funktioniert es zumindest im ersten Link.

Woran kann das liegen?

Vielen Dank im voraus! :-)

LG Daniel

Vielleicht ganz einfach den Namen der Ebene auf der Seite hinzufügen, siehe

-----

Den Fehler mit dem nicht funktionierenden aktiven Link konnte ich finden. Unter Pkt. 5 (Export) war das Verzeichnis fehlerhaft eingetragen.

Bei den versteckten Seiten funktioniert der aktive Link trotz des Scriptes von KolAsim leider nicht.

@Daniel W.

Das ist nur ein Textfeld, was ich als Überschrift nutze. ICh teste es aber trotzdem mal. :-)

LG der andere Daniel 

Man könnte es auch in der Art von Breadcrumbs (Brotkrümelnavigation) gestalten, siehe

----- Beispiel -----

Werkstatt > Simson-FAQ > Inhaltverzeichnis

-----

Ja, verstehe was du meinst. Wenn es wirklich keine andere Lösung dafür gibt, dann wäre das am Ende vielleicht eine Alternative.

Mein Wunsch ist allerdings noch immer, dass das mit dem aktivierten Link im Menü funktioniert. :-)

Habe auch schon mehrere Ideen ausprobiert. Aber es wird einfach nicht der Link beeinflusst... 

<script>

$(document).ready(function() {

var currentPage = window.location.pathname.split("/").pop();

// Hier den Namen der versteckten Datei ohne Erweiterung eintragen

if (currentPage === "toolbpperspektive3.html") {

// Weist dem Menüpunkt die aktive Standardklasse zu

$('a[href*="toolbpperspektive3.html"]').addClass('active');

}

});

</script>

oder

<style>
/* Aktiven Status für versteckte Seite erzwingen */
#imMenu a[href*="bauplanbatteriefach.html"] {
color: #ff0000; /* Farbe für den aktiven Zustand (Farbe anpassen) */
font-weight: bold;
text-decoration: underline;
}

</style>

Hat auch beides leider nicht funktioniert...

LG Daniel

Vielleicht können die Incomedia-Mitarbeiter hierbei helfen, denn sie müssten es ja am Besten wissen wie man die Deaktivierung der "aktuelle Seite" bei verborgenen Seiten außer Kraft setzen könnte.

Leider bin ich kein CSS- und auch kein JavaScript-Experte.

...basierend auf der zuvor beschriebenen Logik liegt das Problem nicht am Programm...
...mein Beispiel hat nur zwei reine Ebenen, daher funktioniert mein Code dort einwandfrei...
...Ihr Menü hingegen hat fünf Hauptebenen und Unterebenen, insgesamt also 18 Ebenen, was zu Verwirrung führt. Daher kann mein Code in seiner jetzigen Form für Ihre aktuelle Struktur nicht funktionieren und muss an Ihren Fall angepasst werden. Die Logik muss so geändert werden, dass mein Code nur die Hauptebenen des Menüs berücksichtigt. Hierfür war Ihr Link zur Auswertung erforderlich...
...meine alternative Lösung finden Sie hier......lassen Sie mich wissen, ob Sie mit meinem angepassten Code fortfahren möchten...

.

ciao

.

Hey KolAsim, 

genau so hatte ich mir das vorgestellt!! :-)

Den angepassten Code habe ich allerdings nicht gefunden, oderübersege ich etwas?

LG Daniel

... code:

<script>
$(document).ready(function() {
/** currentPage EXTRA by KolAsim **/
const objectK = "#imHeader_imMenuObject_16_container";
var k = $(objectK + " > ul > li");
k.removeClass("imMnMnCurrent");
k.eq(1).addClass("imMnMnCurrent");
});
</script>

.

ciao

.

...wenn sich die Struktur von der aktuellen ändert, überprüfen und korrigieren Sie die fettgedruckte Variable für den Menüauswahlnamen hier im Code:

const objectK = "#imHeader_imMenuObject_16_container";

.

PERFEKT! :-) :-) :-)

Vielen, vielen Dank für Eure Hilfe! Genau so wollte ich es umsetzen! Grazie Mille!!!!!!!!!

Habe es gerade offline getestet und es funktioniert! :-)

Nochmals vielen Dank an alle die geholfen haben! 

LG Daniel

Eine letzte Frage noch... :-)

Wo kann ich die Nummer des Containers im Programm erkennen, falls sich die Struktur ändern sollte?

Hallo, ... OK ... um die Menüauswahl-ID zu finden, klicken Sie mit der rechten Maustaste auf die Menüleiste und wählen Sie im Kontextmenü die Option „Untersuchen“. Suchen Sie im sich öffnenden Fenster die Zeile <nav, in der die Menü-ID angezeigt wird, wie in meinem Beispiel STAMP:

.

ciao

.... OK ... ciao ...

.