Casabalnca: Dialogbox on-top

Hallo zusammen,

ich habe eine Seite, auf der es mehrere aufklappbaren Bereich gibt. Jeder Bereich hat zudem eine eigene HTML-Seite, die in jedem aufklappbaren Bereich geladen wird. Es gib auf jeder Seite eine jquery-Dialgbox.

Problem: Wenn ein Bereich aufgeklappt und die Dialogbox geöffnet wird, streckt sie sich nur über den aufklappbaren Bereich, in dem sie geöffnet wurde.

Frage: Gibt es eine Möglichkeit, mit der man die Dialogbox on-top öffnen kann, so dass das gesamte Browserfenster unterhalb der Dialogfenster liegt, egal von wo aus sie geöffnet wird?

Danke

  1. Hi there,

    ich habe eine Seite, auf der es mehrere aufklappbaren Bereich gibt. Jeder Bereich hat zudem eine eigene HTML-Seite, die in jedem aufklappbaren Bereich geladen wird. Es gib auf jeder Seite eine jquery-Dialgbox.

    Problem: Wenn ein Bereich aufgeklappt und die Dialogbox geöffnet wird, streckt sie sich nur über den aufklappbaren Bereich, in dem sie geöffnet wurde.

    Das klingt so, als wären Deine "Bereiche" Iframes.

    Frage: Gibt es eine Möglichkeit, mit der man die Dialogbox on-top öffnen kann, so dass das gesamte Browserfenster unterhalb der Dialogfenster liegt, egal von wo aus sie geöffnet wird?

    Das hängt davon ab, von welcher Quelle die Seiten kommen, die in den Iframes dargestellt werden. Wenn's vom selben Server kommt, dann ist das möglich. (Ob's mit jQuery geht, weiß ich nicht, ich war mir immer zu nobel, diese Krücke zu verwenden, aber das sollte man ohnehin generell nicht mehr einsetzen) Prinzipiell wird einfach die Ausgabe, die normalerweise auf der selben Seite (also im selben Dokument) angezeigt wird, in das parent-Dokument "umgeleitet"...

    1. Hallo,

      danke für die Antwort. Die HTML-Seiten liegen alle au dem selben Server. Das ganze ist ein cms, für das ich sozusagen Erweiterungen schreibe. Leider sind viele Bereiche für mich nicht antastbar und ich muss selber sehen, wie ich das ganze zum Laufen bringe.

      Ich glaube aber nicht, dass Sie iframes sind. Jedenfalls sehen sie nicht danach aus. Die sehen wie normale Aufklapper, die man auf vielen Seiten untereinander sehen kann. Ein Bereich wird aufgeklappt und alle andere Bereiche klappen sich zu.

      Ich habe bereits viele Versuche mit css und jquery unternommen. Es klappt einfach nicht. Ich habe sogar versucht, zur Laufzeit einen Bereich in das oberste "Window-Objekt" zu kopieren und von da aus die Modal-Dialogbox zu öffnen. Leider vergeblich.

      Gruß

      1. Hi there,

        Ich glaube aber nicht, dass Sie iframes sind.

        Das ist doch keine Glaubensfrage😉. Da kann man ja nachschauen.

        Jedenfalls sehen sie nicht danach aus. Die sehen wie normale Aufklapper[...],

        Was sind "normale" Aufklapper? So etwas kann man mit Javascript oder aber auch seit einiger Zeit in Html mit details und summary lösen.

        die man auf vielen Seiten untereinander sehen kann. Ein Bereich wird aufgeklappt und alle andere Bereiche klappen sich zu.

        Kann man sich das irgendwo ansehen?

        Ich habe bereits viele Versuche mit css und jquery unternommen.

        Ich will jetzt nicht klugschei**en, aber ich würde einmal bei der "Natur" der "Aufklapper" beginnen und diese zu ergründen versuchen. Eine mögliche Lösung hängt imho unbedingt von der Kenntnis oder besser von der Beantwortung dieser Frage ab. Das wäre sicher gescheiter als herumzuprobieren.

        Es klappt einfach nicht. Ich habe sogar versucht, zur Laufzeit einen Bereich in das oberste "Window-Objekt" zu kopieren und von da aus die Modal-Dialogbox zu öffnen. Leider vergeblich.

        Was ist passiert? Stand in der Konsole "Ich mag nicht" oder eine andere Fehlermeldung?

        1. Hallo,

          es sieh o ähnlich aus.

          Aufklapper

          Aber es könnte durchaus sein, dass Sie darin ein iframe platziert hätten. Ist das möglich, eine Modal-Dialogbox von einem iframe-heraus on-top öffnen?

          Das mit "Window-Objekt" hat keine Wirkung. Keine Fehlermeldung.

          Gruß

          1. Hi there,

            es sieh o ähnlich aus.

            Aufklapper

            das ist sehr wohl ein Iframe; da kann man in der Konsole lesen:

            <iframe src="/resources/demos/accordion/default.html" class="demo-frame"></iframe>
            

            Aber es könnte durchaus sein, dass Sie darin ein iframe platziert hätten. Ist das möglich, eine Modal-Dialogbox von einem iframe-heraus on-top öffnen?

            Ja, wenn man es im parent-Dokument (das ist das Dokument, in das der Iframe eingebettet ist) öffnet. Wie gesagt, wie das mit jQuery geht weiß ich nicht, aber im normalen Javascript, das jeder Browser ohne irgendetwas nachzuladen versteht, setzt man zB einfach vor document.getElement....blabla einfach ein "parent." um anzuzeigen, daß das was man vorhat sich auf das Eltern- resp. aufrufende Dokument bezieht. Ob das jetzt modal ist oder nicht hat damit im Grunde genommen nichts zu tun...

            1. Hallo,

              das ist sehr wohl ein Iframe; da kann man in der Konsole lesen:

              Das stimmt nicht ganz. Das ganze ist zwar in einem iframe platziert, in den einzelnen Sections sind aber kein iframe, wie bei mir der Fall ist, eingesetzt.

              Ich habe es auch mit window.showmodaldialog versucht. Das ist uach nicht ganz hingehauen.

              Gruß

              1. Hi there,

                das ist sehr wohl ein Iframe; da kann man in der Konsole lesen:

                Das stimmt nicht ganz. Das ganze ist zwar in einem iframe platziert, in den einzelnen Sections sind aber kein iframe, wie bei mir der Fall ist, eingesetzt.

                Ok, mit Bereich meinst Du also diese Zieharmonika-Sektionen. Die sind aber nur durch jede Menge Javascript und Klassen definiert, wenn Du auf Deiner Seite (wirklich) keine Iframes hast (ich hab da noch immer Zweifel, weil das Verhalten, das Du beschrieben hast, eher dazu passte, aber sei's drum), dann kann es nur so sein, daß Deiner Dialogboxen an diesen divs "verankert" sind und sich alles Koordination und Positionen an diesen ausrichten. Wie gesagt, ich würd' mir leichter tun, wenn ich mir das auf Deiner Seite ansehen könnte...

                Ich habe es auch mit window.showmodaldialog versucht. Das ist uach nicht ganz hingehauen.

                Ich glaub nicht, daß das moderne Browser noch verstehen...