Problem mit einem modalen Dialog zum Öffnen eines sekundären Dialogs

Question

Ich habe eine modal dialog Form, die einige "Hilfe-Links" enthält, die andere nicht-modale Panels oder Dialoge darüber öffnen sollten (während der Hauptdialog ansonsten modal gehalten wird) .

Diese enden jedoch immer hinter der Maske. YUI scheint die höchste z-index da draußen zu erkennen und die Maske und den modalen Dialog höher zu setzen.

Wenn ich warte, um den Hilfeinhalt zu panelisieren, dann kann ich diese auf einen höheren Z-Index setzen. So weit, ist es gut. Das Problem besteht dann darin, dass Felder innerhalb der sekundären, nicht-modalen Dialoge unfokussierbar sind. Der modale Dialog unter ihnen scheint irgendwie zu verhindern, dass der Fokus auf etwas geht, das nicht im ursprünglichen modalen Dialog steht.

Es wäre auch akzeptabel, wenn ich diese "Dialoggruppenmodalität" mit jQuery machen könnte, wenn YUI dies einfach nicht erlauben würde.

Hilfe!

Answer 1

Standardmäßig verwaltet YUI den Z-Index von allem, was YAHOO.widget.Overlay erweitert und ein Overlay-Panel verwendet. Dies geschieht durch die Methode "bringToTop" von YAHOO.widget.Overlay.

YAHOO.widget.Overlay.prototype.bringToTop = function() { }; 

Dieser Code würde schalten Sie es aus für gut und man konnte dies nur am Boden setzen der container.js-Datei: Sie können dies durch einfaches Ändern der „bringToTop“ Methode, um eine leere Funktion auszuschalten. Ich finde diesen Ansatz ein wenig zu viel von einem Vorschlaghammer Ansatz sein, so dass wir verlängern die Klassen YUI und „super.constuctor“ schreibt nach dem Aufruf:

this.bringToTop = function() { }; 

Wenn Sie dies tun, Sie sind im Wesentlichen YUI erzählen dass Sie die Z-Indizes Ihrer Elemente selbst verwalten. Das ist wahrscheinlich in Ordnung, aber etwas zu überlegen, bevor Sie es tun.

Answer 2

Der ursprüngliche Dialog kann nicht modal sein, wenn der Benutzer mit anderen Elementen interagieren soll - das ist die Definition von modal. Muss der ursprüngliche Dialog wirklich Modal überhaupt sein? Wenn ja, haben Sie versucht, die modale Eigenschaft des ursprünglichen Dialogs zu ändern, bevor Sie die anderen Elemente öffnen?