Usuario:Axxgreazz/autocomplete.js

Nota: Después de guardar, debes refrescar la caché de tu navegador para ver los cambios. Internet Explorer: mantén presionada Ctrl mientras pulsas Actualizar. Firefox: mientras presionas Mayús pulsas el botón Actualizar, (o presiona Ctrl-Shift-R). Los usuarios de Google Chrome y Safari pueden simplemente pulsar el botón Recargar. Para más detalles e instrucciones acerca de otros exploradores, véase Ayuda:Cómo limpiar la caché.

//<pre><nowiki>
//from http://www.json.org/json.js
//http://en.wikipedia.org/wiki/User:Zocky/Auto_Complete

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,what) 
{
  if (ac$query.arguments.length>1 && ac$x) 
  {
    var i=2;
    var url="/w/query.php?format=json&what="+what;
    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.pages)
       {
         if (
           ac$s.value.toUpperCase() == obj.pages[i].title.substring 
                                       (0,ac$s.value.length).toUpperCase()
         )
           ac$b.innerHTML+= ( 
             obj.pages[i].redirect!="" 
             ? '<option>'
             : '<option style="color:silver">'
           )
           + obj.pages[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";
    };
    ac$query(cb,"allpages","apfrom",ac$$uc(ac$s.value.replace(/ /g,'_')),"aplimit","50");
  }
  else
  {
    ac$b.style.visibility="hidden";
  }
}

// initialization

var ac$s;
var ac$b;
var ac$t;
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://es.wikipedia.org/w/index.php?title=Usuario:Axxgreazz/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);
  }
}

$(ac$init);

//</nowiki></pre>