Question

所以我在iframe中有按钮，它使用代码在父页面上打开一个div：

<script type='text/javascript'>     
function showDiv() {
   window.parent.document.getElementById('coreradio').style.display = "block";;
}
</script>
<input type='button' class='radiobutton' value='Core' onclick="showDiv('#coreradio')">

我的父母页面的div是：

<div id="coreradio" style="display:none">

这对于父页面上的一个div完全正常，但如果我添加另一个加载，那么它只打开第一个，例如：

内部iframe：

<script type='text/javascript'>     
function showDiv() {
   window.parent.document.getElementById('coreradio').style.display = "block";;
}    function showDiv() {
   window.parent.document.getElementById('poppunkradio').style.display = "block";;
}
</script>
<input type='button' class='radiobutton' value='Core' onclick="showDiv('#coreradio')">
<input type='button' class='rbutton' value='Core' onclick="showDiv('#poppunkradio')">

父窗口：

<div id="coreradio" style="display:none">
<div id="poppunkradio" style="display:none">

这导致只有一次加载，无论你按哪个按钮，这里都是一个空白页上的工作示例

http://beta.musiccase.net/forums/iframe/

我可能会遗漏一些简单的错误ID或其他东西，但这让我感到困难了一段时间，所以任何帮助都会很棒！

Answer 1

你想要这个：

function showDiv(id) { 
   window.parent.document.getElementById(id).style.display = "block";
}

像这样使用：

showDiv("coreradio");
showDiv("poppunkradio");

在按钮内：

<button onclick='javascript:showDiv("coreradio")'>Start Core Radio</button>

关于职能：

函数是一组语句。要执行这些，您需要调用它们：

function a(){
  alert(" a");//statement in a function
}//function declared
a();//function called
a();//function called again

从iframe（多个）弹出父页面中的div

1 个答案: