A Simple Shared Worker

This example demonstrates how to create a simple shared worker in JavaScript.

SharedWorker.html

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>XoaX.net's Workers Demo</title>
		<script type="text/javascript">
			function Initialization() { 
				var qSharedWorker = new SharedWorker("SharedWorker.js");
				var qOutput = document.getElementById('idOutput');
				// This is the shared worker alternative to qSharedWorker.onmessage
				qSharedWorker.port.onmessage = function(e) {
					qOutput.textContent  += e.data;
				}
			}
		</script>
		<style type="text/css">
			#idOutput {
				color: lime;
				background-color: black;
				border: 1px solid black;
				padding: 5px;
				margin: 5px;
				float: left;
			}
		</style>
	</head>
	<body onload="Initialization()">
		<pre id="idOutput">Received: </pre>
	</body>
</html>

SharedWorker.js

// NOTE: THIS REQUIRES A WEB SERVER TO RUN
onconnect = function(e) {
	var qPort = e.ports[0];
	qPort.postMessage('XoaX.net!');
}