2011-04-21 45 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

回答