Comment faire apparaître une boîte de dialogue jQuery au-dessus de Silverlight sans utiliser de fenêtre

Question

J'utilise un jQuery Dialog dans une application Web qui utilise Silverlight sur plusieurs pages. Lorsque la boîte de dialogue apparaît sur les pages avec une fenêtre SL, la boîte de dialogue est cachée derrière la SL. Je ne peux pas utiliser le mode sans fenêtre. Y a-t-il un moyen simple de faire apparaître cette boîte de dialogue devant SL?

Answer 1

Il semble fonctionner correctement en utilisant un iframe similaire à ce que vous avez expliqué avec la div flottante.

Il pourrait avoir besoin de peaufiner, mais j'espère que cela peut aider les autres.

Sur votre page, comprennent un iframe comme ceci:

<div id="popupDiv" style="display: none"> 
    popup contents... 
</div> 
<iframe id='popupSupporter-iframe' tabindex='-1' frameborder='0' style='display: block; 
    position: absolute; z-index: -1; border: 0px none transparent; opacity: 0; top: auto; 
    left: auto; width: auto; height: auto;'></iframe> 

Et dans la partie de script où vous déclarez votre boîte de dialogue:

$('#popupDiv').dialog({ 
    open: function (event, ui) { 
     var myDialogIFrame = $('#popupSupporter-iframe'); 
     var myDialog = $('#popupDiv').dialog("widget"); 
     myDialogIFrame.css("z-index", "10"); 
     var left = myDialog.offset().left + 'px'; 
     var top = myDialog.offset().top + 'px'; 
     var height = (myDialog.height() + 15) + 'px'; 
     var width = (myDialog.width() + 15) + 'px'; 
     $(myDialogIFrame).css("left", left).css("top", top).css("height", height).css("width", width); 
    }, 
    close: function (event, ui) { 
     $('#popupSupporter-iframe').css("z-index", "-1"); 
    } 
}); 

Answer 2

Vous pouvez toujours créer une div flottante de la même taille que la boîte de dialogue. Ce sera au-dessus du plugin Silverlight. Vous aurez également besoin de code pour fermer la div lorsque la boîte de dialogue est fermée. La boîte de dialogue fera partie de la div et donc flottera au-dessus de la lumière argentée.

Answer 3

Définition des valeurs suivantes pour le fond et les attributs sans fenêtre pour la application silverlight a travaillé pour moi :)

<param name="background" value="transparent" /> 
<param name="windowless" value="true" />