Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <pre><code>&lt;html&gt; &lt;head&gt; &lt;title&gt;frames.html&lt;/title&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &lt;/head&gt; &lt;frameset rows="100,*" frameborder="1" border="2"&gt; &lt;frame src="helloworld.html" name="sq_header" id="sq_header" scrolling="yes" marginwidth="0" marginheight="0"&gt; &lt;frameset cols="380,300,*" frameborder="1" border="2" id ="main_frameset"&gt; &lt;frame src="helloworld.html" name="sq_sidenav" id="sq_sidenav" scrolling="yes" marginwidth="0" marginheight="0"&gt; &lt;frame src="anotherpage.html" name="sq_resizer" id="sq_resizer" scrolling="yes" marginwidth="0" marginheight="0"&gt; &lt;frame src="helloworld.html" name="sq_main" id="sq_main" marginwidth="0" marginheight="0" scrolling="yes"&gt; &lt;/frameset&gt; &lt;/frameset&gt; &lt;noframes&gt; &lt;/noframes&gt; &lt;/html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;anotherpage.html&lt;/title&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &lt;script type="text/javascript" src="http://www.google.com/jsapi"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; //http://encosia.com/3-reasons-why-you-should-let-google-host-jquery-for-you/ // You may specify partial version numbers, such as "1" or "1.3", // with the same result. Doing so will automatically load the // latest version matching that partial revision pattern // (e.g. 1.3 would load 1.3.2 today and 1 would load 1.7.2). google.load("jquery", "1.6.2"); google.setOnLoadCallback(function() { // Place init code here instead of $(document).ready() }); &lt;/script&gt; &lt;script language="Javascript"&gt; var d = new Date(); var n = d.getTime(); $(document).ready(function(){ $('#title').html($("title").html()); /* this is to work in safari see "Updated answer provided below....looks like a setTimeout maybe needed as the frames aren't loaded when the initial startup script runs. – David Hoerster Aug 21 '10 at 16:38 url: http://stackoverflow.com/questions/3534082/jquery-access-table-inside-a-frame */ setTimeout(writemsg, 2000); function writemsg() { $('#helloworld',top.frames["sq_main"].document).html("Write from "+ $("title").html()+" in sq_main at "+ n); } }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="title"&gt; &lt;/div&gt; &lt;/p&gt; &lt;div id="helloworld"&gt; Hello World JQuery!&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;helloworld.html&lt;/title&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &lt;script type="text/javascript" src="http://www.google.com/jsapi"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; //http://encosia.com/3-reasons-why-you-should-let-google-host-jquery-for-you/ // You may specify partial version numbers, such as "1" or "1.3", // with the same result. Doing so will automatically load the // latest version matching that partial revision pattern // (e.g. 1.3 would load 1.3.2 today and 1 would load 1.7.2). google.load("jquery", "1.6.2"); google.setOnLoadCallback(function() { // Place init code here instead of $(document).ready() }); &lt;/script&gt; &lt;script language="Javascript"&gt; $(document).ready(function(){ $('#title').html($("title").html()); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="title"&gt; &lt;/div&gt; &lt;/p&gt; &lt;div id="helloworld"&gt; Hello World JQuery!&lt;/div&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. This table or related slice is empty.
    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