Baba: jquery ui dialog und constraints / containment

Beitrag lesen

Help, please...

Ich benutze einen dialog von jquery-ui. Diesen möchte ich als modal dialog haben. Allerdings nur in einem bestimmten Container div. Dieser Container enthält eine Flashmap, die mittels js reingeladen wird. Ursprünglich sieht es so aus:

<div style="width:600px; height:390px; position:relative;" id="flashcontent">You need to upgrade your Flash Player.</div>

(Ich kann den Dialog also nicht von vornherein da reinsetzen.)

Nun möchte ich, dass das Abblenden des Hintergrunds (modal dialog) nur in diesem div geschieht und sich der Dialog außerdem nur in diesem Div verschieben lässt.

Folgender Test steht schon für einen Teilerfolg: http://jsfiddle.net/DGKy6/1/, wobei das "containment" nach dem ersten Klick wirksam wird und noch der ganze viewport abgedunkelt wird. Den code verstehe ich ehrlich gesagt nicht ganz, und ich stelle mir vor, dass es noch einfacher geht.

Vielen Dank für Hilfe.

Cheers,
Baba