Cross-browser, saubere Lösung für drop-down-Menüs über mehrere frames?

Ich denke, die Armeen, nehmen auf dem »Graben Ihre frames« - Ding, so dass ich wird nicht. Ich nehme an, Sie haben informiert sich der rahmenlosen alternativen und kommen zu dem Schluss, dass Sie müssen frames (für was auch immer [absurd] Grund).

Ist die Kurzgeschichte: Sie können nicht ausbrechen aus einem Rahmen, wie Sie können nicht brechen ein Fenster. Alle Inhalte, die in den Rahmen /Fenster - es gibt keine Möglichkeit, Inhalte durch Bluten.

Dieser sagte, haben Sie zwei Optionen bleiben.

1. Ihre übergeordneten Dokument geschieht, um ein normales Dokument enthält zwei iframes, und alle Schriftstücke vom gleichen host (SOP). In diesem Fall können Sie im Menü-frame kann das erstellen von Elementen im parent-frame, tatsächlich überlappen sich die iframes selbst. So könnte man die position eines Elements innerhalb der parent-frame angezeigt unten das entsprechende element im Menü-frame, während es z-indiziert über den Inhalt-frame
2. Ihre parent-frame ist ein frameset-Dokument und damit nicht andere Inhalte als frames. Du bist Scheiße aus Glück. Die einzige Sache, die Sie tun können, ist Ihr Menü-frame machen den gleichen trick unter 1) beschrieben, aber fügen Sie die Menü-Elemente für den content-frame.

Entweder option saugt. Wenn Sie die Möglichkeit haben, Graben Ihre Bilder. Irgendwelche dummen serverseitigen Sprache (php, ruby, python, ...) ermöglicht das extrahieren von Häufig wieder verwendeten Komponenten (z.B. eine navigation) in separate Dateien, und verknüpfen Sie Sie in jedem anderen Dokument, das Sie haben. SSI könnte eine option sein, auch.

Gebäude ein drop-down-Menü-system, dass die Kreuze frames ist wie eine normale drop-down-Menü-system (mit der Maus über das Menü "Kopf", zeigen Sie das Menü "Körper", die Maus nicht aus dem Kopf, verstecken des Körpers; usw.), Ausnahme:

• Da die Elemente nicht wirklich cross-frame-Grenzen, die beste Sie tun können, ist, den Kopf in einem Rahmen und Körper in der anderen (wie COOLjsMenu).

• Koordinieren die beiden Hälften, können Sie entweder (je nach situation) über einen frame direkt ändern, die anderen frame-Elemente, oder übergeben von Nachrichten zwischen den frames, und jeder frame zu verwalten, die Ihre eigenen Elemente.

So dass die zusätzliche Komplikation ist, wie die Verwaltung der beiden Hälften:

• Wenn beide Rahmen kommen aus der gleichen Ursprung, dann JavaScript von einem frame können direkt bearbeitet werden, die anderen frame-Elemente. (Da man sich mit COOLjsMenu, würde ich davon ausgehen, ist dies der Fall für Ihr extranet.)

• Wenn frames kommen aus verschiedenen Ursprüngen, dann können Sie nicht manipulieren jeweils anderen Elemente, obwohl Sie noch in der Lage sein, Nachrichten zu übergeben, die zwischen frames:

  • Wenn Sie nur brauchen, zu unterstützen "modernen" Browsern (Firefox 3+, Chrome, Safari 4+, IE 8+, Opera 9.5+), dann können Sie Fenster.postMessage().

  • Wenn Sie Bedarf an Unterstützung von älteren Browsern (insbesondere IE 6-7), die Sie verwenden können, easyXDM (die auch verwendet window.postMessage() - falls verfügbar-im browser des Benutzers).

  In diesem Fall müssen Sie JavaScript in einzelnen Frames zu manipulieren, Ihre eigenen Elemente und die Kommunikation mit den anderen Rahmen.

Tatsächlich ein cross-frame-drop-down-Menü-system ist Links als übung für den Leser 🙂

Wäre die ideale Lösung, um NICHT die Verwendung von frames. Stattdessen sollten Sie im Idealfall Ihre im setup-Menü mit einer festen position. Die richtige CSS-Datei für Ihr Menü element wäre:

position:fixed

Sie müssen möglicherweise einige andere Anpassungen, wie z.B. die Einstellung der z-index von Ihrem Menü, um größer zu sein als der rest des Dokuments. Wenn Sie eine Feste Positionierung, die Sie vielleicht in der Lage sein, um Weg mit der Verwendung von KEIN javascript. Hier sind ein paar Beispiele von Menüs, die mit festen Positionierung:

1. Sammlung von 21 fixed-position-Menüs -- Zum Beispiel, die Gesicht Werke Menü macht Recht viel die gleiche Sache wie Sie Ihr Menü ohne die Verwendung von frames.
2. CSS Floating Menu
3. CSS: Feste Menüs

Sollten Sie beachten, dass ein frame nicht auf Inhalte zugreifen, die außerhalb von sich selbst. Es gibt keine CSS - /JavaScript, lassen Sie Ihre top-Rahmen Zugriff auf den Inhalt Ihrer unteren Rahmen. Es wäre eine Sicherheitslücke zu erlauben, dass dieses geschieht. Wenn du unbedingt frames verwenden, dann kleben Sie mit so etwas wie die aktuelle Lösung.

Haben wir genutzt, drop-down-Menüs mit cross-frame-Unterstützung vor, ohne zu viel von einem problem. Eine Möglichkeit, dies zu tun ist mit allwebmenus, eine mächtige javascript menu builder mit viele wirklich tolle Funktionen, und beinhaltet die cross-frame-Unterstützung out of the box: http://www.likno.com/examples.html?example=crossframe

Diese Seite erklärt, wie likno es macht: http://www.likno.com/drop-down-css-menu/compilepropertiescrossframe.htm.

Deluxe-Menü auch macht eine ähnliche Sache:
http://deluxe-menu.com/data-samples/cross-frame-horizontal-1-sample.htm
und ist billiger, wenn Sie nur wollen, es zu tun auf einer einzigen website, aber teurer für mehrere Standorte.