2011-04-21 44 views
0

我已经创建了一个javafx小程序,它将在jquery弹出窗口中加载。我还有一个弹出窗口,它也将被加载到同一页面中。小程序重叠

当我点击小程序弹出,然后单击正常弹出。我可以看到弹出的小程序与弹出窗口重叠。请提出任何解决方案。

<html> 

<script> 

    function openPopup() { 
       $("#dialogID").dialog(); 
       getAudioPlayer("dialogID"); 


     } 
      function openPopup1() { 
       $("#rubricID").dialog(); 


     } 
     function getAudioPlayer(parentObj) { 
     alert("HI"); 
     var fxstring = javafxString(
     { 
       archive: "JavaFXApplication1.jar", 
       width: 250, 
       height: 80, 
       code: "javafxapplication1.Main", 
       name: "myApplet", 
       id: "myApp" 
     } 
    ); 
     document.getElementById(parentObj).innerHTML = fxstring; 
    } 



</script> 
<input value="Audio Response" onclick="openPopup()" type="button"> 
<input value="Pop Up" onclick="openPopup1()" type="button"> 
    <div id="dialogID" 
       style="display: none; width: 1000px; height: 1000px; overflow:visible; background-color: #AAAAAA; font-family: Arial, Verdana, Sans Serif; font-size: 12px; font-style: normal; font-weight: normal;z-index: -1;"> 

     </div> 

      <div id="rubricID" 
       style="display: none; width: 1000px; height: 1000px; overflow:visible; background-color: #FFFFFF; font-family: Arial, Verdana, Sans Serif; font-size: 12px; font-style: normal; font-weight: normal;z-index: 100;"> 

     </div> 
</body> 
</html> 
+0

您可以发布您的一些代码:)所以我们可以有更好看看:) – 2011-04-21 07:09:46

+0

@伊恩:我编辑了我的帖子 – karthick 2011-04-21 09:00:57

回答