This is an archived snapshot of W3C's public bugzilla bug tracker, decommissioned in April 2019. Please see the home page for more details.

Bug 21250 - <!DOCTYPE HTML> <html> <head> <title>Worker example: Stock ticker</title> <script> // TICKER var symbol = 'GOOG'; // default symbol to watch var ticker = new Worker('ticker.js'); // [...]
Summary: <!DOCTYPE HTML> <html> <head> <title>Worker example: Stock ticker</title> ...
Status: RESOLVED INVALID
Alias: None
Product: WHATWG
Classification: Unclassified
Component: HTML (show other bugs)
Version: unspecified
Hardware: Other other
: P3 normal
Target Milestone: Unsorted
Assignee: Ian 'Hixie' Hickson
QA Contact: contributor
URL: http://www.whatwg.org/specs/web-apps/...
Whiteboard:
Keywords:
Depends on:
Blocks:
 
Reported: 2013-03-11 17:57 UTC by contributor
Modified: 2013-04-12 23:35 UTC (History)
2 users (show)

See Also:

Attachments

Description contributor 2013-03-11 17:57:00 UTC 
Specification: http://www.whatwg.org/specs/web-apps/current-work/multipage/workers.html
Multipage: http://www.whatwg.org/C#worker-used-for-background-i/o
Complete: http://www.whatwg.org/c#worker-used-for-background-i/o

Comment:
<!DOCTYPE HTML> <html>	<head>	 <title>Worker example: Stock ticker</title>  
<script>    // TICKER	 var symbol = 'GOOG'; // default symbol to watch   
var ticker = new Worker('ticker.js');	  // SEARCHER	 var searcher = new
Worker('searcher.js');	  function search(query) {     
searcher.postMessage(query);	}     // SYMBOL SELECTION UI	function
select(newSymbol) {	 symbol = newSymbol;	  ticker.postMessage(symbol); 
  }   </script>  </head>  <body onload="search('')">   <p><output
id="symbol"></output> <output id="value"></output></p>	 <script>   
ticker.onmessage = function (event) {	   var data = event.data.split(' ');  
   document.getElementById('symbol').textContent = data[0];	
document.getElementById('value').textContent = data[1];    };	
ticker.postMessage(symbol);   </script>   <p><label>Search: <input type="text"
autofocus oninput="search(this.value)"></label></p>   <ul id="results"></ul>  
<script>    searcher.onmessage = function (event) {	 var data =
event.data.split(' ');	    var results = document.getElementById('results'); 
    while (results.hasChildNodes()) // clear previous results	    
results.removeChild(results.firstChild);      for (var i = 0; i < data.length;
i += 1) {	 // add a list item with a button for each result	 var
li = document.createElement('li');	  var button =
document.createElement('button');	 button.value = data[i];       
button.type = 'button';        button.onclick = function () {
select(this.value); };	      button.textContent = data[i];	  
li.appendChild(button);        results.appendChild(li);

Posted from: 12.217.57.100
User agent: Mozilla/5.0 (Windows NT 6.1; rv:17.0) Gecko/20100101 Firefox/17.0