Я создал апплет 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>