Javascript和CSS onclick Div Swap

时间:2011-11-03 16:25:08

标签: javascript html css-selectors facebook-javascript-sdk

我是Javascript和Facebook设计的新手。我使用Shortstack创建自定义选项卡,并使用该服务创建了3面板子选项卡应用程序。在第3小组中,我有19个div的持有信息。默认情况下,我使用CSS隐藏这些DIV(display:none;)并在面板顶部有一系列链接,用于更改每个DIV onclick的可见性。只有活动的onclick内容随时可见。

该标签在Mac,Firefox,甚至是Mac上的Safari中都能正常运行,但在PC上的所有浏览器中均无法正常运行,并且会有不同的失败。在IE中,交换发生后立即弹出一条错误消息,提示发布者不允许在iFrame中执行操作。在Firefox中,选项卡只是空白,没有错误消息。

我的脚本如下。正如我所说,我是新手编码Facebook和使用Javascript,因为我是一名设计师,而不是程序员,但我很想学习。

提前感谢您的想法和想法。

    function showhide(layer_ref) {
        var thisDiv;
        // check to see if any DIVs are currently showing
        var divlist = ["div1","div2","div3","div4","div5","div6","div7","div8","div9","div10","div11","div12","div13","div14","div15","div16","div17","div18","div19"];
        // loop through the list of DIVs in "divlist"
        for (x = 0; x < divlist.length; x++) {
            thisDiv = document.getElementById(divlist[x]);
            // if the DIV is showing, hide it
            if (thisDiv.style.display == "block") {
                thisDiv.style.display = "none";
            }
        }
        // show the appropriate DIV
        thisDiv = document.getElementById(layer_ref);
        thisDiv.style.display = "block";
    }

1 个答案:

答案 0 :(得分:0)

如果您尝试更改iframe中的内容,如果从不同的域加载iframe,则可能会出现问题。它基本上是安全规则 - 您不希望允许恶意代码更改/读取/写入页面上的内容而不是它自己的内容。

为了更好地回答您的问题,我们需要知道更改javascript的位置以及尝试更改的内容(这两个内容是否来自同一个域)。

脚本本身对我来说没问题。