jQuery boîte de Dialogue modale sur iFrame

Je suis à l'aide de jQuery UI boîte de dialogue modale, fenêtres pop-up. J'ai quelques iframe dans ma page. L'iFrame (z-Index = 1500) se trouve en haut de la page parent (z-index =1000). J'ouvre la boîte de dialogue modale à partir de la page parent. Je suis en train de mettre le z-index à l'aide de $('modal').la boîte de dialogue('option','zIndex',3000); mais ce n'est pas de travail. J'ai aussi essayé de pile:vrai (pour l'empiler sur le dessus), et .la boîte de dialogue( 'moveToTop' ), mais ils ne semblent pas fonctionner.

Voici le code:
La page Parent:

à l'aide de la feuille de style : à partir de "css/ui-ténèbres/jquery-ui-1.7.2.la coutume.css"
à l'aide de scripts: jquery-1.3.2.min.js && jquery-ui-1.7.2.custom.min.js

<script type="text/javascript" language="javascript">

  function TestModal() {
    var modal = "<div id='modal'>Hello popup world</div>";
    $(modal).dialog({
      modal: true,
      title: 'Modal Popup',
      zIndex: 12000,  //settin it here works, but I want to set it at runtime instead of setting it at design time
      close: function() {
        setTimeout(TestModal, 5000);
        $(this).remove();
      }
    });

    $('modal').dialog('option', 'zIndex', 11000); //these dont work
    $('modal').dialog('moveToTop'); //these dont work
    $('modal').dialog('option', 'stack', true); //these dont work
  }
    /** Run with defaults **/
  $(document).ready(function() {

    TestModal();

  });

  </script>
<div>
 Hello  World
 <br />

</div>

<iframe src="blocker.htm" width="100%" height="100%" frameborder="0" scrolling="no" name="myInlineFrame" 
style="z-index:10000;background-color:Gray;position:absolute;top:0px;left:0px" ALLOWTRANSPARENCY="false">
</iframe>

iframe : blocker.htm

.wrap{width:100%;height:100%}

Je suis un iframe et je suis mal

OriginalL'auteur ram | 2009-11-24