관리-도구

편집 파일: wordbooker_actb.js

/* 20 Aug 2006: This started off as wordbooker_actb.js from
http://www.codeproject.com/jscript/jswordbooker_actb.asp.

But it didn't work without the addEvent stuff that was in the demo page.  Web
browsing suggests that this widely distributed stuff is from another source.
There is a warning about it at quirksmode, but I think I should be immune from
it.  So that was added at the top.

Then I hacked in a hook to do server lookups.  This is the code that uses my
new wordbooker_actb_lastdownload variable.

Then I wrote the download code.  This is a combination of the demo at
http://www.w3schools.com/xml/tryit.asp?filename=try_xmlhttprequest_js1
(although modified to move the state change function into a closure) and the
"explode" function from http://textsnippets.com/

This makes it a huge bag of code with mixed copyrights.  I'm comfortable
saying that the creative commons license that applies to the original wordbooker_actb
code can be taken as applying to this derivative work, but if you wanted to
use this in something that costs real money, you'd better check with your
lawyers

1 Sept 2006 - I noticed a mountain of errors from the Firefox CSS Parser.
Changing the "=" to ":" in wordbooker_actb_hStyle prevented this, and made the
highlighted part bold as well!

1 Sept 2006 - added a default of "sans-serif" to the "arial narrow" font
family, for those of us who don't have arial.

4 Nov 2006 - made "tab" leave the box without selection: much more how I'd
like it to work

August 2008 - changed the format to work better with names coming from SQL

April 2009 - fixed (in a messy way) a bug where the top element didn't
show in some browsers

June 2009 - Added UTF8 accented character folding - so each entry has
a "disp"lay and a "match" version
*/

function wordbooker_actb(obj,ca,path){
  /* ---- Public Variables ---- */
  this.wordbooker_actb_timeOut = -1; // Autocomplete Timeout in ms (-1: autocomplete never time out)
  this.wordbooker_actb_lim = 10;    // Number of elements autocomplete can show (-1: no limit)
  this.wordbooker_actb_firstText = false; // should the auto complete be limited to the beginning of keyword?
  this.wordbooker_actb_mouse = true; // Enable Mouse Support
  this.wordbooker_actb_delimiter = new Array(';',',');  // Delimiter for multiple autocomplete. Set it to empty array for single autocomplete
  this.wordbooker_actb_startcheck = 3; // Show widget only after this number of characters is typed in.
  this.wordbooker_actb_lastdownload = '';  // last string sent to server
  /* ---- Public Variables ---- */

/* --- Styles --- */
  this.wordbooker_actb_bgColor = '#FFFFFF';
  this.wordbooker_actb_textColor = '#000000';
  this.wordbooker_actb_hColor = '#c0c0c0';
  this.wordbooker_actb_fFamily = 'Verdana';
  this.wordbooker_actb_fSize = '11px';
  this.wordbooker_actb_hStyle = 'text-decoration:underline;font-weight:bold;';
  this.wordbooker_actb_borderStyle = '1px solid black';
  /* --- Styles --- */

/* ---- Private Variables ---- */
  var wordbooker_actb_delimwords = new Array();
  var wordbooker_actb_cdelimword = 0;
  var wordbooker_actb_delimchar = new Array();
  var wordbooker_actb_display = false;
  var wordbooker_actb_pos = 0;
  var wordbooker_actb_total = 0;
  var wordbooker_actb_curr = null;
  var wordbooker_actb_rangeu = 0;
  var wordbooker_actb_ranged = 0;
  var wordbooker_actb_bool = new Array();
  var wordbooker_actb_pre = 0;
  var wordbooker_actb_toid;
  var wordbooker_actb_tomake = false;
  var wordbooker_actb_getpre = "";
  var wordbooker_actb_mouse_on_list = 1;
  var wordbooker_actb_kwcount = 0;
  var wordbooker_actb_caretmove = false;
  this.wordbooker_actb_keywords = new Array();
  /* ---- Private Variables---- */
  
  this.wordbooker_actb_keywords = ca;
  var wordbooker_actb_self = this;

wordbooker_actb_curr = obj;
  
  addEvent(wordbooker_actb_curr,"focus",wordbooker_actb_setup);
  function wordbooker_actb_setup(){
    addEvent(document,"keydown",wordbooker_actb_checkkey);
    addEvent(wordbooker_actb_curr,"blur",wordbooker_actb_clear);
    addEvent(document,"keypress",wordbooker_actb_keypress);
  }

if (wordbooker_actb_self.wordbooker_actb_firstText){
      var re = new RegExp("^" + t, "i");
    }else{
      var re = new RegExp(t, "i");
    }
    var p = n.match.search(re);

for (i=0;i<p;i++){
      tobuild += n.disp.substr(i,1);
    }
    tobuild += "<font style='"+(wordbooker_actb_self.wordbooker_actb_hStyle)+"'>"
    for (i=p;i<plen+p;i++){
      tobuild += n.disp.substr(i,1);
    }
    tobuild += "</font>";
      for (i=plen+p;i<n.disp.length;i++){
      tobuild += n.disp.substr(i,1);
    }
    return tobuild;
  }
  function wordbooker_actb_generate(){
    if (document.getElementById('tat_table')){ wordbooker_actb_display = false;document.body.removeChild(document.getElementById('tat_table')); } 
    if (wordbooker_actb_kwcount == 0){
      wordbooker_actb_display = false;
      return;
    }
    a = document.createElement('table');
    a.cellSpacing='1px';
    a.cellPadding='2px';
    a.style.position='absolute';
    a.style.top = eval(curTop(wordbooker_actb_curr) + wordbooker_actb_curr.offsetHeight) + "px";
    a.style.left = curLeft(wordbooker_actb_curr) + "px";
    a.style.backgroundColor=wordbooker_actb_self.wordbooker_actb_bgColor;
    a.id = 'tat_table';
    a.style.border = wordbooker_actb_borderStyle;
    document.body.appendChild(a);
    var i;
    var first = true;
    var j = 1;
    if (wordbooker_actb_self.wordbooker_actb_mouse){
      a.onmouseout = wordbooker_actb_table_unfocus;
      a.onmouseover = wordbooker_actb_table_focus;
    }
    var counter = 0;

for (i=0;i<wordbooker_actb_self.wordbooker_actb_keywords.length;i++){
      if (wordbooker_actb_bool[i]){
        counter++;
        r = a.insertRow(-1);
        if (first && !wordbooker_actb_tomake){
          r.style.backgroundColor = wordbooker_actb_self.wordbooker_actb_hColor;
          first = false;
          wordbooker_actb_pos = counter;
        }else if(wordbooker_actb_pre == i){
          r.style.backgroundColor = wordbooker_actb_self.wordbooker_actb_hColor;
          first = false;
          wordbooker_actb_pos = counter;
        }else{
          r.style.backgroundColor = wordbooker_actb_self.wordbooker_actb_bgColor;
        }
        r.id = 'tat_tr'+(j);
        c = r.insertCell(-1);
        c.style.color = wordbooker_actb_self.wordbooker_actb_textColor;
        c.style.fontFamily = wordbooker_actb_self.wordbooker_actb_fFamily;
        c.style.fontSize = wordbooker_actb_self.wordbooker_actb_fSize;
        c.innerHTML = wordbooker_actb_parse(wordbooker_actb_self.wordbooker_actb_keywords[i]);
        c.id = 'tat_td'+(j);
        c.setAttribute('pos',j);
        if (wordbooker_actb_self.wordbooker_actb_mouse){
          c.style.cursor = 'pointer';
          c.onclick=wordbooker_actb_mouseclick;
          c.onmouseover = wordbooker_actb_table_highlight;
        }
        j++;
      }
      if (j - 1 == wordbooker_actb_self.wordbooker_actb_lim && j < wordbooker_actb_total){
        r = a.insertRow(-1);
        r.style.backgroundColor = wordbooker_actb_self.wordbooker_actb_bgColor;
        c = r.insertCell(-1);
        c.style.color = wordbooker_actb_self.wordbooker_actb_textColor;
        c.style.fontFamily = 'arial narrow, sans-serif';
        c.style.fontSize = wordbooker_actb_self.wordbooker_actb_fSize;
        c.align='center';
        replaceHTML(c,'\\/');
        if (wordbooker_actb_self.wordbooker_actb_mouse){
          c.style.cursor = 'pointer';
          c.onclick = wordbooker_actb_mouse_down;
        }
        break;
      }
    }
    wordbooker_actb_rangeu = 1;
    wordbooker_actb_ranged = j-1;
    wordbooker_actb_display = true;
    if (wordbooker_actb_pos <= 0) wordbooker_actb_pos = 1;
  }
  function wordbooker_actb_remake(){
    document.body.removeChild(document.getElementById('tat_table'));
    a = document.createElement('table');
    a.cellSpacing='1px';
    a.cellPadding='2px';
    a.style.position='absolute';
    a.style.top = eval(curTop(wordbooker_actb_curr) + wordbooker_actb_curr.offsetHeight) + "px";
    a.style.left = curLeft(wordbooker_actb_curr) + "px";
    a.style.backgroundColor=wordbooker_actb_self.wordbooker_actb_bgColor;
    a.style.border = wordbooker_actb_borderStyle;
    a.id = 'tat_table';
    if (wordbooker_actb_self.wordbooker_actb_mouse){
      a.onmouseout= wordbooker_actb_table_unfocus;
      a.onmouseover=wordbooker_actb_table_focus;
    }
//    document.body.appendChild(a);
    var i;
    var first = true;
    var j = 1;
    if (wordbooker_actb_rangeu > 1){
      r = a.insertRow(-1);
      r.style.backgroundColor = wordbooker_actb_self.wordbooker_actb_bgColor;
      c = r.insertCell(-1);
      c.style.color = wordbooker_actb_self.wordbooker_actb_textColor;
      c.style.fontFamily = 'arial narrow, sans-serif';
      c.style.fontSize = wordbooker_actb_self.wordbooker_actb_fSize;
      c.align='center';
      replaceHTML(c,'/\\');
      if (wordbooker_actb_self.wordbooker_actb_mouse){
        c.style.cursor = 'pointer';
        c.onclick = wordbooker_actb_mouse_up;
      }
    }
    for (i=0;i<wordbooker_actb_self.wordbooker_actb_keywords.length;i++){
      if (wordbooker_actb_bool[i]){
        if (j >= wordbooker_actb_rangeu && j <= wordbooker_actb_ranged){
          r = a.insertRow(-1);
          r.style.backgroundColor = wordbooker_actb_self.wordbooker_actb_bgColor;
          r.id = 'tat_tr'+(j);
          c = r.insertCell(-1);
          c.style.color = wordbooker_actb_self.wordbooker_actb_textColor;
          c.style.fontFamily = wordbooker_actb_self.wordbooker_actb_fFamily;
          c.style.fontSize = wordbooker_actb_self.wordbooker_actb_fSize;
          c.innerHTML = wordbooker_actb_parse(wordbooker_actb_self.wordbooker_actb_keywords[i]);
          c.id = 'tat_td'+(j);
          c.setAttribute('pos',j);
          if (wordbooker_actb_self.wordbooker_actb_mouse){
            c.style.cursor = 'pointer';
            c.onclick=wordbooker_actb_mouseclick;
            c.onmouseover = wordbooker_actb_table_highlight;
          }
          j++;
        }else{
          j++;
        }
      }
      if (j > wordbooker_actb_ranged) break;
    }
    if (j-1 < wordbooker_actb_total){
      r = a.insertRow(-1);
      r.style.backgroundColor = wordbooker_actb_self.wordbooker_actb_bgColor;
      c = r.insertCell(-1);
      c.style.color = wordbooker_actb_self.wordbooker_actb_textColor;
      c.style.fontFamily = 'arial narrow, sans-serif';
      c.style.fontSize = wordbooker_actb_self.wordbooker_actb_fSize;
      c.align='center';
      replaceHTML(c,'\\/');
      if (wordbooker_actb_self.wordbooker_actb_mouse){
        c.style.cursor = 'pointer';
        c.onclick = wordbooker_actb_mouse_down;
      }
    }
    document.body.appendChild(a);

}
  function wordbooker_actb_goup(){
    if (!wordbooker_actb_display) return;
    if (wordbooker_actb_pos == 1) return;
    document.getElementById('tat_tr'+wordbooker_actb_pos).style.backgroundColor = wordbooker_actb_self.wordbooker_actb_bgColor;
    wordbooker_actb_pos--;
    if (wordbooker_actb_pos < wordbooker_actb_rangeu) wordbooker_actb_moveup();
    document.getElementById('tat_tr'+wordbooker_actb_pos).style.backgroundColor = wordbooker_actb_self.wordbooker_actb_hColor;
    if (wordbooker_actb_toid) clearTimeout(wordbooker_actb_toid);
    if (wordbooker_actb_self.wordbooker_actb_timeOut > 0) wordbooker_actb_toid = setTimeout(function(){wordbooker_actb_mouse_on_list=0;wordbooker_actb_removedisp();},wordbooker_actb_self.wordbooker_actb_timeOut);
    // opera sometimes needs coaxing to redraw the element
    if (window.opera) {
	document.getElementById('tat_table').style.display='none';
	document.getElementById('tat_table').style.display='block';
    }
  }
  function wordbooker_actb_godown(){
    if (!wordbooker_actb_display) return;
    if (wordbooker_actb_pos == wordbooker_actb_total) return;
    document.getElementById('tat_tr'+wordbooker_actb_pos).style.backgroundColor = wordbooker_actb_self.wordbooker_actb_bgColor;
    wordbooker_actb_pos++;
    if (wordbooker_actb_pos > wordbooker_actb_ranged) wordbooker_actb_movedown();
    document.getElementById('tat_tr'+wordbooker_actb_pos).style.backgroundColor = wordbooker_actb_self.wordbooker_actb_hColor;
    if (wordbooker_actb_toid) clearTimeout(wordbooker_actb_toid);
    if (wordbooker_actb_self.wordbooker_actb_timeOut > 0) wordbooker_actb_toid = setTimeout(function(){wordbooker_actb_mouse_on_list=0;wordbooker_actb_removedisp();},wordbooker_actb_self.wordbooker_actb_timeOut);
    // opera sometimes needs coaxing to redraw the element
    if (window.opera) {
	document.getElementById('tat_table').style.display='none';
	document.getElementById('tat_table').style.display='block';
    }
  }
  function wordbooker_actb_movedown(){
    wordbooker_actb_rangeu++;
    wordbooker_actb_ranged++;
    wordbooker_actb_remake();
  }
  function wordbooker_actb_moveup(){
    wordbooker_actb_rangeu--;
    wordbooker_actb_ranged--;
    wordbooker_actb_remake();
  }

/* Mouse */
  function wordbooker_actb_mouse_down(){
    document.getElementById('tat_tr'+wordbooker_actb_pos).style.backgroundColor = wordbooker_actb_self.wordbooker_actb_bgColor;
    wordbooker_actb_pos++;
    wordbooker_actb_movedown();
    document.getElementById('tat_tr'+wordbooker_actb_pos).style.backgroundColor = wordbooker_actb_self.wordbooker_actb_hColor;
    wordbooker_actb_curr.focus();
    wordbooker_actb_mouse_on_list = 0;
    if (wordbooker_actb_toid) clearTimeout(wordbooker_actb_toid);
    if (wordbooker_actb_self.wordbooker_actb_timeOut > 0) wordbooker_actb_toid = setTimeout(function(){wordbooker_actb_mouse_on_list=0;wordbooker_actb_removedisp();},wordbooker_actb_self.wordbooker_actb_timeOut);
  }
  function wordbooker_actb_mouse_up(evt){
    if (!evt) evt = event;
    if (evt.stopPropagation){
      evt.stopPropagation();
    }else{
      evt.cancelBubble = true;
    }
    document.getElementById('tat_tr'+wordbooker_actb_pos).style.backgroundColor = wordbooker_actb_self.wordbooker_actb_bgColor;
    wordbooker_actb_pos--;
    wordbooker_actb_moveup();
    document.getElementById('tat_tr'+wordbooker_actb_pos).style.backgroundColor = wordbooker_actb_self.wordbooker_actb_hColor;
    wordbooker_actb_curr.focus();
    wordbooker_actb_mouse_on_list = 0;
    if (wordbooker_actb_toid) clearTimeout(wordbooker_actb_toid);
    if (wordbooker_actb_self.wordbooker_actb_timeOut > 0) wordbooker_actb_toid = setTimeout(function(){wordbooker_actb_mouse_on_list=0;wordbooker_actb_removedisp();},wordbooker_actb_self.wordbooker_actb_timeOut);
  }
  function wordbooker_actb_mouseclick(evt){
    if (!evt) evt = event;
    if (!wordbooker_actb_display) return;
    wordbooker_actb_mouse_on_list = 0;
    wordbooker_actb_pos = this.getAttribute('pos');
    wordbooker_actb_penter();
  }
  function wordbooker_actb_table_focus(){
    wordbooker_actb_mouse_on_list = 1;
  }
  function wordbooker_actb_table_unfocus(){
    wordbooker_actb_mouse_on_list = 0;
    if (wordbooker_actb_toid) clearTimeout(wordbooker_actb_toid);
    if (wordbooker_actb_self.wordbooker_actb_timeOut > 0) wordbooker_actb_toid = setTimeout(function(){wordbooker_actb_mouse_on_list = 0;wordbooker_actb_removedisp();},wordbooker_actb_self.wordbooker_actb_timeOut);
  }
  function wordbooker_actb_table_highlight(){
    wordbooker_actb_mouse_on_list = 1;
    document.getElementById('tat_tr'+wordbooker_actb_pos).style.backgroundColor = wordbooker_actb_self.wordbooker_actb_bgColor;
    wordbooker_actb_pos = this.getAttribute('pos');
    while (wordbooker_actb_pos < wordbooker_actb_rangeu) wordbooker_actb_moveup();
    while (wordbooker_actb_pos > wordbooker_actb_ranged) wordbooker_actb_movedown();
    document.getElementById('tat_tr'+wordbooker_actb_pos).style.backgroundColor = wordbooker_actb_self.wordbooker_actb_hColor;
    if (wordbooker_actb_toid) clearTimeout(wordbooker_actb_toid);
    if (wordbooker_actb_self.wordbooker_actb_timeOut > 0) wordbooker_actb_toid = setTimeout(function(){wordbooker_actb_mouse_on_list = 0;wordbooker_actb_removedisp();},wordbooker_actb_self.wordbooker_actb_timeOut);
  }
  /* ---- */

if (wordbooker_actb_toid) clearTimeout(wordbooker_actb_toid);
    if (wordbooker_actb_self.wordbooker_actb_timeOut > 0) wordbooker_actb_toid = setTimeout(function(){wordbooker_actb_mouse_on_list = 0;wordbooker_actb_removedisp();},wordbooker_actb_self.wordbooker_actb_timeOut);

wordbooker_actb_generate();
  }

xmlhttp.open("GET","/wp-content/plugins/wordbooker/wordbooker_get_friend.php?match="+t+"&userid="+userid,true)
      xmlhttp.send(null)
    }
  }
  
  function explode(separator, string) {
    var list = new Array();
  
    if (separator == null) return false;
    if (string == null) return false;
  
    var currentStringPosition = 0;
    while (currentStringPosition<string.length) {
      var nextIndex = string.indexOf(separator, currentStringPosition);
      if (nextIndex == -1) break;
      var word = string.slice(currentStringPosition, nextIndex);
      word=word.replace('\r','');
      list.push({disp:word,match:UTF8_Folded(word)});
      currentStringPosition = nextIndex+1;
    }
    if (list.length<1) {
	list.push({disp:string,match:UTF8_Folded(string)});
    } else {
	list.push({disp:string.slice(currentStringPosition, string.length),match:UTF8_Folded(string.slice(currentStringPosition, string.length))});
    }
    return list;
  }
  return this;
}
  
/* This table is made by merging and capitalising two tables by
 * Andreas Gohr(andi@splitbrain.org) taken from his UTF helper
 * functions.  These are released under the GPL. */

var UTF8_table = {
    'à':'a', 'ô':'o', 'ď':'d', 'ḟ':'f', 'ë':'e', 'š':'s', 'ơ':'o', 
    'ß':'ss','ă':'a', 'ř':'r', 'ț':'t', 'ň':'n', 'ā':'a', 'ķ':'k', 
    'ŝ':'s', 'ỳ':'y', 'ņ':'n', 'ĺ':'l', 'ħ':'h', 'ṗ':'p', 'ó':'o', 
    'ú':'u', 'ě':'e', 'é':'e', 'ç':'c', 'ẁ':'w', 'ċ':'c', 'õ':'o', 
    'ṡ':'s', 'ø':'o', 'ģ':'g', 'ŧ':'t', 'ș':'s', 'ė':'e', 'ĉ':'c', 
    'ś':'s', 'î':'i', 'ű':'u', 'ć':'c', 'ę':'e', 'ŵ':'w', 'ṫ':'t', 
    'ū':'u','č':'c', 'ö':'oe', 'è':'e', 'ŷ':'y', 'ą':'a', 'ł':'l', 
    'ų':'u', 'ů':'u', 'ş':'s', 'ğ':'g', 'ļ':'l', 'ƒ':'f', 'ž':'z', 
    'ẃ':'w', 'ḃ':'b', 'å':'a', 'ì':'i', 'ï':'i', 'ḋ':'d', 'ť':'t', 
    'ŗ':'r', 'ä':'ae', 'í':'i', 'ŕ':'r', 'ê':'e', 'ü':'ue', 'ò':'o', 
    'ē':'e','ñ':'n', 'ń':'n', 'ĥ':'h', 'ĝ':'g', 'đ':'d', 'ĵ':'j', 
    'ÿ':'y', 'ũ':'u', 'ŭ':'u', 'ư':'u', 'ţ':'t', 'ý':'y', 'ő':'o', 
    'â':'a', 'ľ':'l', 'ẅ':'w', 'ż':'z', 'ī':'i', 'ã':'a', 'ġ':'g', 
    'ṁ':'m', 'ō':'o', 'ĩ':'i', 'ù':'u', 'į':'i', 'ź':'z', 'á':'a', 
    'û':'u', 'þ':'th', 'ð':'dh', 'æ':'ae', 'µ':'u',
    'À':'A', 'Ô':'O', 'Ď':'D', 'Ḟ':'F', 'Ë':'E', 'Š':'S', 'Ơ':'O', 
    'ß':'SS','Ă':'A', 'Ř':'R', 'Ț':'T', 'Ň':'N', 'ā':'A', 'Ķ':'K', 
    'Ŝ':'S', 'Ỳ':'Y', 'Ņ':'N', 'Ĺ':'L', 'ħ':'H', 'Ṗ':'P', 'Ó':'O', 
    'Ú':'U', 'ě':'E', 'É':'E', 'Ç':'C', 'Ẁ':'W', 'Ċ':'C', 'Õ':'O', 
    'Ṡ':'S', 'Ø':'O', 'Ģ':'G', 'ŧ':'T', 'Ș':'S', 'Ė':'E', 'Ĉ':'C', 
    'Ś':'S', 'Î':'I', 'Ű':'U', 'Ć':'C', 'Ę':'E', 'Ŵ':'W', 'Ṫ':'T', 
    'ū':'U', 'Č':'C', 'Ö':'OE', 'È':'E', 'Ŷ':'Y', 'Ą':'A', 'ł':'L', 
    'Ų':'U', 'Ů':'U', 'Ş':'S', 'Ğ':'G', 'Ļ':'L', 'Ƒ':'F', 'Ž':'Z', 
    'Ẃ':'W', 'Ḃ':'B', 'Å':'A', 'Ì':'I', 'Ï':'I', 'Ḋ':'D', 'Ť':'T', 
    'Ŗ':'R', 'Ä':'AE', 'Í':'I', 'Ŕ':'R', 'Ê':'E', 'Ü':'UE', 'Ò':'O', 
    'ē':'E', 'Ñ':'N', 'Ń':'N', 'Ĥ':'H', 'Ĝ':'G', 'đ':'D', 'Ĵ':'J', 
    'Ÿ':'Y', 'Ũ':'U', 'Ŭ':'U', 'Ư':'U', 'Ţ':'T', 'Ý':'Y', 'Ő':'O', 
    'Â':'A', 'Ľ':'L', 'Ẅ':'W', 'Ż':'Z', 'ī':'I', 'Ã':'A', 'Ġ':'G', 
    'Ṁ':'M', 'ō':'O', 'Ĩ':'I', 'Ù':'U', 'Į':'I', 'Ź':'Z', 'Á':'A', 
    'Û':'U', 'Þ':'TH', 'Ð':'DH', 'Æ':'AE',
};

function UTF8_Folded(inp) {
  var retv = "";
  for(i=0; i<inp.length;i++) {
      if(UTF8_table[inp[i]])
	  retv += UTF8_table[inp[i]];
      else
	  retv += inp[i];
  }
  return retv;
}