Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
框架集-使用javascript将列与行交换_Javascript_Browser_Attributes_Frameset - Fatal编程技术网

框架集-使用javascript将列与行交换

框架集-使用javascript将列与行交换,javascript,browser,attributes,frameset,Javascript,Browser,Attributes,Frameset,我现在有一个框架集,它的cols属性设置为“50%,50%”。我有一个toggleView方法,在单击元素后调用该方法 我的目标是将框架集从显示列更改为行,再次划分为50/50 我尝试在框架集上执行removeAttribute(“cols”),虽然这确实删除了“cols”属性,但它似乎没有在页面上更新(使用firebug进行实时测试) 然后,我将继续添加一个rows属性(createAttribute和setAttribute是否是执行此操作的有效方法?)以完成切换 我想知道这是否可行,因为移

我现在有一个框架集,它的cols属性设置为“50%,50%”。我有一个toggleView方法,在单击元素后调用该方法

我的目标是将框架集从显示列更改为行,再次划分为50/50

我尝试在框架集上执行removeAttribute(“cols”),虽然这确实删除了“cols”属性,但它似乎没有在页面上更新(使用firebug进行实时测试)

然后,我将继续添加一个rows属性(createAttribute和setAttribute是否是执行此操作的有效方法?)以完成切换

我想知道这是否可行,因为移除柱似乎没有任何作用


非常感谢您的帮助。

这对我很有效:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
  <head>
    <title>A simple frameset document</title>
    <script type="text/javascript">
      function onloadHandler() {
        setTimeout(function() {
          var myFrameset = document.getElementById("myFrameset");
          var value = myFrameset.getAttribute("cols");
          myFrameset.removeAttribute("cols");
          myFrameset.setAttribute("rows", value);
        }, 2500);
      }
    </script>
  </head>
  <frameset id="myFrameset" onload="onloadHandler()" cols="50%, 50%">
    <FRAME src="page1.htm">
    <FRAME src="page1.htm">
  </frameset>
</html>

一个简单的框架集文档
函数onloadHandler(){
setTimeout(函数(){
var myFrameset=document.getElementById(“myFrameset”);
var value=myFrameset.getAttribute(“cols”);
myFrameset.removeAttribute(“cols”);
setAttribute(“行”,值);
}, 2500);
}

基本上,它在页面加载后交换2.5秒。如果您还需要什么,或者出于某种原因,这不起作用,请告诉我。我只在IE7中测试过它(不幸的是,最近我一直在开发应用程序)。

嘿,伙计。谢谢你的回答。事实上,在我回家之前,在你的回答出来之前,我就让它工作了。做了一些非常类似的事情,结果表明将cols属性设置为空字符串与删除它具有相同的效果。因此,添加了一个rows属性并实现了这一点。使用JQuery。再次感谢。