User:Zocky/AutoComplete.js
From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. In Internet Explorer and Firefox, hold down the Ctrl key and click the Refresh or Reload button. Opera users have to clear their caches through Tools→Preferences, see the instructions for Opera. Konqueror and Safari users can just click the Reload button.
//from http://www.json.org/json.js String.prototype.parseJSON = function () { try { return !(/[^,:{}\[\]0-9.\-+Eaeflnr-u \n\r\t]/.test( this.replace(/"(\\.|[^"\\])*"/g, ''))) && //" eval('(' + this + ')'); } catch (e) { return false; } }; function ac$query(cb) { if (ac$query.arguments.length>1 && ac$x) { var i=1; var url="/w/api.php?action=query&format=json"; while (i < ac$query.arguments.length) { url=url+"&"+ac$query.arguments[i] + "=" + ac$query.arguments[i+1]; i+=2; } ac$x.onreadystatechange=function() { if (ac$x.readyState==4) return ac$x.status==200 ? cb(ac$x.responseText.parseJSON()) : cb(false); }; ac$x.open("GET",url,true); ac$x.setRequestHeader('Accept','text/*'); ac$x.send(null); } else return false; } // helper functions function ac$$e(id) { return document.getElementById(id); } function ac$$c(name,id) { var el=document.createElement(name); el.id=id; return el }; function ac$$ia(node,newnode) { return node.parentNode.insertBefore(newnode,node.nextSibling); } function ac$$uc(s) { return s.substring(0,1).toUpperCase()+s.substring(1) }; function ac$inputKeyDown(e) { if (e.which==40 && ac$b.style.visibility=="visible") { ac$b.focus(); // ac$b.selectedIndex=0; // ac$s.value=ac$b.options[0].value; } else { try {clearTimeout(ac$t)} catch (e) {}; ac$t=setTimeout("ac$timeOut()",500) } } function ac$boxKeyPress(e) { if (e.which==13) { ac$s.value=ac$b.options[ac$b.selectedIndex].value; ac$b.style.visibility="hidden"; ac$b.selectedIndex=-1; ac$s.focus(); } else if (e.which==27) { ac$b.style.visibility="hidden"; ac$b.selectedIndex=-1; ac$s.focus(); } else if (e.which) { ac$s.value+=String.fromCharCode(e.which); ac$s.focus(); ac$b.selectedIndex=-1; ac$s.selectionStart=ac$s.selectionEnd=ac$s.value.length; try {clearTimeout(ac$t)} catch (e) {}; ac$t=setTimeout("ac$timeOut()",500) } } function ac$boxClick(e) { ac$s.value=ac$b.options[ac$b.selectedIndex].value; ac$b.style.visibility="hidden"; ac$b.selectedIndex=-1; ac$s.focus(); } function ac$blur(e) { if (e.target==ac$b) { if (ac$b.style.visibility=="hidden") ac$b.blur() } else if (e.target!=ac$s && e.target!=document && e.target!=window) { ac$b.style.visibility="hidden"; ac$b.selectedIndex=-1; } } function ac$timeOut() { if (ac$s.value.length>0) { try {ac$x.abort()} catch(e){}; cb=function(obj) { ac$b.innerHTML=''; for (var i in obj.query.namespaces) { try { var ns=obj.query.namespaces[i]['*']; ac$n[ns]=i; if ( ac$s.value.toUpperCase() == ns.substring (0,ac$s.value.length).toUpperCase() ) { ac$b.innerHTML+='<option style="font-weight:bold">' + ns + ':</option>'; } } catch(e) {} } for (var i in obj.query.allpages) { if ( ac$s.value.toUpperCase() == obj.query.allpages[i].title.substring (0,ac$s.value.length).toUpperCase() ) ac$b.innerHTML+= ( obj.query.allpages[i].redirect!="" ? '<option>' : '<option style="color:silver">' ) + obj.query.allpages[i].title + '</option>'; } // ac$b.size= ac$b.options.length<8 ? ac$b.options.length : 8; ac$b.options.length || (ac$b.innerHTML='<option value="'+ac$s.value+'" style="color:silver">(no pages found)</option>'); ac$b.style.visibility="visible"; }; var ns=ac$s.value.match(/^.*?(?=:)/); if (ns in ac$n) { var apns = ac$n[ns]; var apfrom = ac$s.value.replace(/^.*?:/,''); } else { var apns=0; var apfrom=ac$s.value; } ac$query(cb,"list","allpages","apfrom",ac$$uc(apfrom.replace(/ /g,'_')),"aplimit","50","apnamespace",apns,"meta","siteinfo","siprop","namespaces"); } else { ac$b.style.visibility="hidden"; } } // initialization var ac$s; var ac$b; var ac$t; var ac$n=[]; var ac$x = window.XMLHttpRequest ? new XMLHttpRequest() : window.ActiveXObject ? new ActiveXObject("Microsoft.XMLHTTP") : false; function ac$init() { ac$s=ac$$e("searchInput"); if(ac$s) { document.write('<link rel="stylesheet" type="text/css" href="' + 'http://en.wikipedia.org/w/index.php?title=User:Zocky/AutoComplete.css' + '&action=raw&ctype=text/css&dontcountme=s">'); ac$b=ac$$c('select','autocompletebox'); ac$b.size=8; ac$b.style.visibility="hidden"; ac$$ia(ac$s,ac$b); ac$s.setAttribute('autocomplete','off'); ac$s.addEventListener('keydown',ac$inputKeyDown,true); ac$b.addEventListener('keypress',ac$boxKeyPress,true); ac$b.addEventListener('click',ac$boxClick,true); document.addEventListener('focus',ac$blur,true); } } addOnloadHook(ac$init);