Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>If you are seeking to animate inner frames then I would go with Dr Molle's answer. If, however you are seeking to animate a frameset, you will have to do it manually. The example below illustrates. To examine it, you 'd better use a local web server to avoid problems with cross - domain restrictions (at least in Chrome, haven't tested it anywhere else...).</p> <h3>frame1.html</h3> <pre><code>&lt;html&gt; &lt;body&gt; frame 1 &lt;br /&gt; &lt;a href='#' class='minimize'&gt;Minimize&lt;/a&gt; &lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt; &lt;script type='text/javascript'&gt; $(function () { $('.minimize').click(function (evt) { evt.preventDefault(); window.parent.minimize(); return false; }); }); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <h3>frame2.html</h3> <pre><code>&lt;html&gt;&lt;body&gt;frame 2&lt;/body&gt;&lt;/html&gt; </code></pre> <h3>frameset.html</h3> <pre><code>&lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt; &lt;script type='text/javascript'&gt; $(function () { var minimizeInterval = null; var current = 500; var pace = 15; var stop = 100; window.minimize = function () { minimizeInterval = setInterval(function () { console.log('minimizing...'); $('frameset').attr('cols', current + ',*'); current -= pace; if (current &lt; stop) clearInterval(minimizeInterval); }, 10); }; }); &lt;/script&gt; &lt;/head&gt; &lt;frameset cols="500,*"&gt; &lt;frame id='frame1' src="frame1.html"&gt;&lt;/frame&gt; &lt;frame id='frame2' src="frame2.html"&gt;&lt;/frame&gt; &lt;/frameset&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

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