Guten Morgen!

Erst einmal vielen dank für die schnelle Antwort! Diese Funktion kannte Ich bisher nicht. Ich hab von magix Das dazugehörige Buch, auf 370 Seiten habe ich diese befehlsketten bisher nicht entdeckt. Sicherlich kann man damit noch viel mehr anstellen... Gibt es vielleicht irgendwo eine Erklärung zu dieser Funktion? / was alles wie möglich ist?

Dein Lösungsansätze sieht gut aus, kann ihn aber erst heute Abend testen. Ich schreib einfach, wie es geklappt hat. Besten dank nochmal! 

*to

[...] Gibt es vielleicht irgendwo eine Erklärung zu dieser Funktion? / was alles wie möglich ist? [...]

AFAIK nein

Es gibt sicher noch andere (versteckte) Optionen, die mitunter zufällig an die Oberfläche kommen oder durch Antizipieren bekannter Befehle aus HTML/JS/CSS/PHP "eingebaut" werden können.

Dabei kannst Du Deiner Fantasie freien Lauf lassen...

Positive Erkenntnisse aus solchen Experimenten darfst Du natürlich gerne im Forum posten.

Viel Erfolg und viel Spaß beim weiteren Website Design

[...] was auch immer ich wähle - zuerst muss das bild verschwinden und dann soll der jeweilige menüinhalt angezeigt werden. [...]

Ich muss zugeben, dass mir das Problem nicht so ganz klar geworden ist.

Auf Deinem Screenshot kann ich keine Menüebenen erkennen. Aber unabhängig davon, sollte die vorgeschlagene Prozedur funktionieren.

Vielleicht kommt mehr Licht ins Dunkel, wenn Du Dir hier mal die online Demo anschaust (s. a. Screenshot). Die Vorlage entspricht zwar nicht Deiner Site, hier habe ich aber genau die Technik eingesetzt, die bei Dir (warum auch immer) nicht funktionieren will...

Lade Dir auch mal hier die zugehörige Projektdatei herunter, mit der Du das o. a. Szenario leicht selbst nachstellen- und untersuchen kannst.

Vielleicht kommen wir so zum Ziel

Viel Erfolg

BTW

Du kannst die Lesbarkeit Deines Threads deutlich verbessern, wenn Du für Deine Antworten auf die erhaltenen Tipps ebenfalls die Antwort Funktion benutzt.

Wenn Du stattdessen Deine Threaderöffnung editierst, geht die zeitliche Abfolge von Frage - Antwort - neuer Frage - neuer Antwort - etc. verloren. Jeder der dem Thema folgen will (ich gehöre auch dazu), muss dann ständig auf- und abwärts scrollen um die passenden Antworten zu einem Edit zu finden...

-----------------------

Edit: 16.10  -  19:03h

Download Link repariert

Hi in die Runde,

BeRo: dein Dateidownload geht leider nicht.

Ich wollte nachgucken, ob nicht die Ebene "Bild" zwingend den Namen popup als Vorspann braucht. Muss aber auch gestehen, es ist sehr schwierig zu verstehen wo genau das Problem liegt. Gruß Martina

Hallo zusammen,

schön: jetzt sind wir schon zu dritt! Wär super, wenn ich euch noch ein bisschen nerven dürfte, um eine Lösung zu finden. Ich versuche es nochmal ganz anders, den geplanten Ablauf zu erklären:

1) ich starte auf der Home-Seite. Von dort aus habe ich Zugriff auf die Seiten 1-4
2) ich klicke auf Seite 1. Links bleibt das Menü zum Zugriff auf Seite 1-4. Rechts kommt jetzt aber ein Menü dazu, für die Seiten 1a-1d. Außederm wird auf der Seite ein Bild angezeigt.
3) Ich klicke auf seite 1a. Das Bild wird ausgeblendet. Dafür wird der Text für die Seite 1a angezeigt.
4) Bei Klick auf z. B. seite 1b wird der text von 1a ausgeblendet und der Text von 1b eingeblendet.

... ich hoffe, das ist jetzt verständlicher...?

Der Link für die Projektdatei ist tatsächlich fehlerhaft. Vielleicht hat sich Dein Ansatz durch meine neue (und hoffentlich verständliche) Erklärung oben sowieso erledigt?

Besten Dank!
*to

[...] ich hoffe, das ist jetzt verständlicher. [...]

Eindeutig ja... 

[...] Der Link für die Projektdatei ist tatsächlich fehlerhaft. [...]

Sorry, ich habe ihn schon repariert. 

Aber zum Thema:

Deine Beschreibung lässt, denke ich, klar erkennen, dass das Problem einfach zu lösen ist.

Im Grunde musst Du nichts anderes tun, als die Inhalte der popup Ebenen "Seite 1a ... 1d" so zu positionieren, dass sie sich bei der Anzeige überdecken.

Bei Bildinhalten ist das ohne zusätzliche Maßnahmen möglich. Bei Texteinblendungen musst Du jeweils unter den Text ein Rechteck in gleicher Größe legen, das farbig gefüllt ist. Damit wird darunter liegender Inhalt unsichtbar.
Du kommst also ohne weitere Tricks zu dem gewünschten Ergebnis.

So kann das im Editor aussehen:

Wenn Du in der Vorschau- oder online auf den Link "Seite 1a" klickst, wird der vorbereitete Text über das Bilds gelegt. Durch das unterlegte, farbige Rechteck, wird das Bild komplett unsichtbar (s. Screenshot)

Mit der Methode, die ohne doppelten Boden auskommt, solltest Du Dein Problem lösen können.

Auch zu dieser Lösung kannst Du Dir gerne die Projektdatei hier herunterladen, um das Gesagte auf dem eigenen PC zu testen...

Viel Erfolg

Hm, die Idee ist gut: immerhin hatte ich die selbst schon  (siehe meine ursprüngliche Frage "versuchsweise hatte ich ein schwarzes rechteck im hintergrund des poups, welches das bild abgedeckt hat, aber das ist natürlich pfusch und z. b. tablets finden das gar nicht lustig.")

Das blöde ist: das Bild ist nicht einfach ein Bild sondern eine "Diashow" oder wie auch immer das bei Magix heißt. Ich vermute dass es dadurch zu kleinen Ladezeiten kommt, beim Wechsel zwischen den Popups blitzt immer wieder der Hintergrund durch, was nicht schön aussieht.

-> Ich suche also nach wie vor eine Lösung, ein Element aus- und ein anderes einzublenden. Ich sehe schon, es gibt wohl doch keine andere Möglichkeit, als pro Unterpunkt eine eigene Seite zu erstellen... oder?

[...] das Bild ist nicht einfach ein Bild sondern eine "Diashow" [...]

Das verändert zwar die Ausgangslage, aber nicht die ursprüngliche Lösung...

[...] es gibt wohl doch keine andere Möglichkeit, als pro Unterpunkt eine eigene Seite zu erstellen... oder? [...]

Doch, schon. Die ursprünglich vorgeschlagene Lösung, ist damit wieder aktuell, wenn auch leicht abgewandelt.

Die Änderung besteht in 1. Linie darin, dass Du für das Standardbild (jetzt die Slideshow), eine zusätzliche Ebene anlegen musst, die Du ebenfalls zur popup Ebene machst, indem Du über einen Dummylink darauf zugreifst (mehr dazu weiter unten).

Der Dummylink sorgt dafür, dass eine JavaScript Funktion bereitgestellt wird (hier "xr_cpu(8)"), mit der die Ebene über einen JS-Aufruf angezeigt werden kann.
Diese Funktion muss in den HTML Body Bereich der Seite eingebunden werden und beim Öffnen der Seite automatisch aufgerufen werden. Damit wird die Slideshow auf der Seite (z. B. Seite1) geöffnet.

So sieht das Script aus, das die Funktion startet:

------------------------
<script type="text/javascript">
window.onload=(xr_cpu(8));
</script>
-----------------------

Die anderen Ebenen (Seite 1a...1d) bleiben erhalten, benötigen aber kein farbiges Rechteck mehr als Hintergrund.
Wird über das Untermenü eine der Seiten 1a...1d aufgerufen, wird immer zuerst eine JS-Funktion gestartet, die alle offenen popup Ebenen schließt (z. B. die Slideshow), anschließend wird die gewählte Ebene (1a...1d) eingeblendet.

Die Funktion "my_CloseAll()" schließt alle angezeigten/geöffneten Ebenen (das zugehörige Skript findest Du weiter unten).
Die Funktion "xr_cpu(4)" öffnet in unserm Beispiel die Ebene "Seite 1a".

So sieht ein entsprechender Link aus:

-----------------------
javascript:my_CloseAll(), xr_cpu(4)
-----------------------

Damit die eingeblendeten Ebenen nicht durch einen zufälligen Klick, versehentlich geschlossen werden, sollten sie eine "Lock" Funktion bekommen, indem der Name der Ebene um den Zusatz "(lock)" erweitert wird. Die Ebene "Seite 1a" sollte dann "Seite 1a (lock)" heißen etc.
Außerdem muss außerhalb der Seite eine Pseudo NavBar angelegt werden, die je einen Button mit einem passenden Link für eine zu öffnende popup Ebene enthält. Nur dann werden die JavaScript Funktionen automatisch bereitgestellt, mit denen Du das Öffnen- und Schließen der popup Ebenen steuern kannst (s. a. oben zum Thema "Dummylink")

So kann das im Editor aussehen:

Die Links für das Untermenü sehen dann so aus:

Das Script, mit dem die Funktion "my_CloseAll()" zum Schließen aller offenen Ebenen definiert wird, gehört in den HTML Head der Seite.

So sieht es aus:

------------------------
<script type="text/javascript">
function my_CloseAll(){var ll=document.getElementsByTagName('div');for(var i=ll.length-1;i>=0;i--){if(ll[i].id.indexOf("xr_xp")==0){xr_v0(ll[i]);};};};
</script>
------------------------

Die Namen der Funktionen, mit denen Du die einzelnen popup Ebenen öffnen kannst, findest Du ganz einfach heraus, wenn Du den Mauszeiger auf einen Link Button positionierst und damit in der Fußzeile den Namen anzeigst.
Dazu ist es in unserem Beispiel erforderlich, dass Du die Pseudo NavBar vorübergehend in den sichtbaren Bereich der Seite verschiebst (s. Screenshot)

Das war's im Wesentlichen.

Wie das in der Praxis aussieht und wie Du das am einfach nachbauen kannst, das studierst du am besten mit Hilfe der Demo und der Projektdatei.

Viel Erfolg