Skip to content

Instantly share code, notes, and snippets.

@hachi-eiji

hachi-eiji/search-worker.js

Created December 23, 2011 15:00
Show Gist options
  • Save hachi-eiji/1514417 to your computer and use it in GitHub Desktop.
Save hachi-eiji/1514417 to your computer and use it in GitHub Desktop.
Download ZIP
sample of worker
Raw
search-worker.js
var userList = [
'Seiichro INOUE',
'Yamada taro',
'sato jiro'
];
self.onmessage = function(event){
var reg = new RegExp(event.data, 'i');
var html = '';
for(var i = 0, len = userList.length; i < len ; i++){
var user = userList[i];
if(reg.test(user)){
html += '<li>' + user + '</li>';
}
}
self.postMessage(html);
};
Raw
search.html
<html>
<head>
</head>
<body>
<input type="text" id="search">
<div id="results"></div>
</body>
</html>
<script type="text/javascript">
var worker = new Worker('search-worker.js');
var search = document.getElementById('search');
var results = document.getElementById('results');
worker.onmessage = function(event){
results.innerHTML = event.data;
};
search.onkeyup = function(event){
worker.postMessage(search.value);
results.value = '';
};
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment