Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
[e] (0) Fix the recently added examples.
git-svn-id: http://svn.whatwg.org/webapps@4866 340c8d12-0b0e-0410-8428-c7bf67bfef74
  • Loading branch information
Hixie committed Mar 25, 2010
1 parent 2dcb3d5 commit 12e3fc0
Show file tree
Hide file tree
Showing 2 changed files with 69 additions and 9 deletions.
76 changes: 68 additions & 8 deletions complete.html
Expand Up @@ -64625,26 +64625,54 @@ <h5 id=shared-workers-introduction><span class=secno>9.1.2.4 </span>Shared worke

<p>Here is the HTML page:</p>

<pre>EXAMPLE workers/shared/001/test.html</pre>
<pre>&lt;!DOCTYPE HTML&gt;
&lt;title&gt;Shared workers: demo 1&lt;/title&gt;
&lt;pre id="log"&gt;Log:&lt;/pre&gt;
&lt;script&gt;
var worker = new SharedWorker('test.js');
var log = document.getElementById('log');
worker.port.onmessage = function(e) { // note: not worker.onmessage!
log.textContent += '\n' + e.data;
}
&lt;/script&gt;
</pre>

<p>Here is the JavaScript worker:</p>

<pre>EXAMPLE workers/shared/001/test.js</pre>
<pre>onconnect = function(e) {
var port = e.ports[0];
port.postMessage('Hello World!');
}
</pre>

<hr><p>This second example extends the first one by changing two things:
first, messages are received using <code title="">addEventListener()</code> instead of an <a href=#event-handler-idl-attributes title="event
handler IDL attributes">event handler IDL attribute</a>, and
second, a message is sent <em>to</em> the worker, causing the worker
to send another message in return. Received messages are again
displayed in a lot.</p>
displayed in a log.</p>

<p>Here is the HTML page:</p>

<pre>EXAMPLE workers/shared/001/test.html</pre>
<pre>&lt;!DOCTYPE HTML&gt;
&lt;title&gt;Shared workers: demo 1&lt;/title&gt;
&lt;pre id="log"&gt;Log:&lt;/pre&gt;
&lt;script&gt;
var worker = new SharedWorker('test.js');
var log = document.getElementById('log');
worker.port.onmessage = function(e) { // note: not worker.onmessage!
log.textContent += '\n' + e.data;
}
&lt;/script&gt;
</pre>

<p>Here is the JavaScript worker:</p>

<pre>EXAMPLE workers/shared/001/test.js</pre>
<pre>onconnect = function(e) {
var port = e.ports[0];
port.postMessage('Hello World!');
}
</pre>

<hr><p>Finally, the example is extended to show how two pages can
connect to the same worker; in this case, the second page is merely
Expand All @@ -64654,15 +64682,47 @@ <h5 id=shared-workers-introduction><span class=secno>9.1.2.4 </span>Shared worke

<p>Here is the outer HTML page:</p>

<pre>EXAMPLE workers/shared/003/test.html</pre>
<pre>&lt;!DOCTYPE HTML&gt;
&lt;title&gt;Shared workers: demo 3&lt;/title&gt;
&lt;pre id="log"&gt;Log:&lt;/pre&gt;
&lt;script&gt;
var worker = new SharedWorker('test.js');
var log = document.getElementById('log');
worker.port.addEventListener('message', function(e) {
log.textContent += '\n' + e.data;
}, false);
worker.port.start();
worker.port.postMessage('ping');
&lt;/script&gt;
&lt;iframe src="inner.html"&gt;&lt;/iframe&gt;
</pre>

<p>Here is the inner HTML page:</p>

<pre>EXAMPLE workers/shared/003/inner.html</pre>
<pre>&lt;!DOCTYPE HTML&gt;
&lt;title&gt;Shared workers: demo 3 inner frame&lt;/title&gt;
&lt;pre id=log&gt;Inner log:&lt;/pre&gt;
&lt;script&gt;
var worker = new SharedWorker('test.js');
var log = document.getElementById('log');
worker.port.onmessage = function(e) {
log.textContent += '\n' + e.data;
}
&lt;/script&gt;
</pre>

<p>Here is the JavaScript worker:</p>

<pre>EXAMPLE workers/shared/003/test.js</pre>
<pre>var count = 0;
onconnect = function(e) {
count += 1;
var port = e.ports[0];
port.postMessage('Hello World! You are connection #' + count);
port.onmessage = function(e) {
port.postMessage('pong');
}
}
</pre>


<h5 id=shared-state-using-a-shared-worker><span class=secno>9.1.2.5 </span>Shared state using a shared worker</h5>
Expand Down
2 changes: 1 addition & 1 deletion source
Expand Up @@ -73066,7 +73066,7 @@ v2 (well, really v0):
handler IDL attributes">event handler IDL attribute</span>, and
second, a message is sent <em>to</em> the worker, causing the worker
to send another message in return. Received messages are again
displayed in a lot.</p>
displayed in a log.</p>

<p>Here is the HTML page:</p>

Expand Down

0 comments on commit 12e3fc0

Please sign in to comment.