Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Here is an example with iframes that may help</p> <p><strong>Main.htm</strong></p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;script type="text/javascript"&gt; function loadTwo() { document.getElementById('two').src = 'two.htm' document.getElementById('two').style.display='block'; } function loadThree() { document.getElementById('two').src = 'three.htm' document.getElementById('two').style.display='block'; } &lt;/script&gt; &lt;title&gt;Untitled Page&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;iframe id="one" src="One.htm"&gt;&lt;/iframe&gt; &lt;iframe id="two" style="display: none" src="Two.htm"&gt;&lt;/iframe&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p><strong>One.htm</strong></p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml" &gt; &lt;head&gt; &lt;title&gt;Untitled Page&lt;/title&gt; &lt;script language="javascript" type="text/javascript"&gt; // &lt;!CDATA[ function load2_onclick() { parent.loadTwo() } function load3_onclick() { parent.loadThree() } // ]]&gt; &lt;/script&gt; &lt;/head&gt; &lt;body bgcolor="#ff0000"&gt; &lt;input id="load2" type="button" value="Load 2" onclick="return load2_onclick()" /&gt; &lt;input id="load3" type="button" value="Load 3" onclick="return load3_onclick()" /&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p><strong>Two.htm</strong></p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;title&gt;Untitled Page&lt;/title&gt; &lt;/head&gt; &lt;body bgcolor="#00ff00"&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p><strong>Three.htm</strong></p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;title&gt;Untitled Page&lt;/title&gt; &lt;/head&gt; &lt;body style="background-color: #0000ff"&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    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.
 

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