2011-04-21 10 views
0

jqueryのポップアップでロードされるjavafxアプレットを作成しました。同じページにも読み込まれるポップアップがもう1つあります。アプレットのオーバーラップ

アプレットポップアップをクリックしてから、通常のポップアップをクリックします。アプレットのポップアップがポップアップと重なっていることがわかります。解決策を提案してください。

<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

ため、このうちhttp://jsfiddle.net/EqUxz/

チェックは、あなたのコードの一部:)ので、我々は持つことができますを投稿することができますのZIndexとは何かを持っていると思う番目のCSSのチェックそれをよく見る:) –

+0

@Ian:私の投稿を編集しました – karthick

答えて

0

私はそれがサンプル:)

+0

@above:それはうまくいかない – karthick

関連する問題