Note that there are some explanatory texts on larger screens.

plurals
  1. POFrameset + cols IE10
    text
    copied!<p>I was testing some scripts in IE10, seems that the browser has problems in setting attribute <code>cols</code>.</p> <p>Example:</p> <pre><code>parent.middle.document.getElementById("middle_frames").cols = "0,*" </code></pre> <p>This works perfect for SAF/Chrome/FF/IE7/IE8/IE9, but in IE10 it doesn't work.</p> <p>Anyone with some help?</p> <hr> <p>I can't show my problem in my project, but I made a dummy script to show you the problem. Make 3 files (these below) and run them in IE10 and click the button "change cols". Works perfect for every browser except IE10. In my example you see I used a doctype, tried also without a doctype, same problem.</p> <p>frameset_main.html:</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Framesets&lt;/title&gt; &lt;/head&gt; &lt;frameset id="framesets" cols="200,*" frameborder="0" border="0" framespacing="0"&gt; &lt;frame src="frame1.html" name="frame1" id="frame1" scrolling="vertical" noresize="noresize"&gt; &lt;frame src="frame2.html" name="frame2" id="frame2" scrolling="vertical" noresize="noresize"&gt; &lt;/frameset&gt; &lt;/html&gt; </code></pre> <p>frame1.html:</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Frame 1&lt;/title&gt; &lt;/head&gt; &lt;body style="background-color: green;"&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>frame2.html:</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Frame 2&lt;/title&gt; &lt;!-- ONPAGE JAVASCRIPT --&gt; &lt;script type="text/javascript"&gt; function dothis(){ parent.document.getElementById("framesets").cols = "500,*"; } &lt;/script&gt; &lt;/head&gt; &lt;body style="background-color: red;"&gt; &lt;div id="main_container" class="cls_main_container"&gt; &lt;input type="button" id="btn_do_this" onclick="dothis();" value="change cols" /&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload