Javascript和CSS onclick Div交换

Javascript和CSS onclick Div交换,javascript,html,css-selectors,facebook-javascript-sdk,Javascript,Html,Css Selectors,Facebook Javascript Sdk,我对Javascript和Facebook设计都是新手。我正在使用Shortstack创建自定义选项卡,并使用该服务创建了一个3面板子选项卡应用程序。在第三个面板中,我有19个分区的等待信息。默认情况下,我使用CSS隐藏这些div display:none;在面板顶部有一系列链接,可以更改每个DIV onclick的可见性。任何时候都只有活动的onclick内容可见 该选项卡在Firefox、Chrome甚至Mac上的Safari中都能正常工作,但在PC上的所有浏览器中都会出现故障,并且出现不同

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

该选项卡在Firefox、Chrome甚至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";
    }

如果您试图更改iframe中的内容,那么如果iframe是从不同的域加载的,则可能会出现问题。这基本上是一条安全规则——你不想让流氓代码改变/读/写页面上的内容,而不是它自己的内容

为了更好地回答您的问题,我们需要知道正在更改的javascript位于何处,以及它试图更改的内容是否来自同一个域

脚本本身在我看来还可以