*** empty log message ***

[m17n/m17n-lib-js.git] / xex.js

diff --git a/xex.js b/xex.js
index 556170e..b342683 100644 (file)
--- a/xex.js
+++ b/xex.js
@@ -3116,8 +3116,6 @@ MIM.set_caret = function (target, ic)
     }
 };
 
-MIM.ignore_focus = false;
-
 MIM.update = function (target, ic)
 {
   var text = target.value;
@@ -3130,6 +3128,69 @@ MIM.update = function (target, ic)
   MIM.set_caret (target, ic);
 };
 
+(function () {
+  function capitalize(prop){
+    return prop.replace(/-(.)/g, function(m, m1){ return m1.toUpperCase() })
+  }
+
+  function imitateElement(elmOriginal, elmClone){
+    var styleOriginal = getComputedStyle(elmOriginal,'');
+    var styleClone = getComputedStyle(elmClone,'');
+       
+    elmClone.style.left = elmOriginal.offsetLeft + 'px'; 
+    elmClone.style.top = elmOriginal.offsetTop + 'px';
+               
+    var copyProps = [
+      'width', 'height',
+      'padding-left', 'padding-right', 'padding-top', 'padding-bottom', 
+      'border-left-style', 'border-right-style','border-top-style','border-bottom-style', 
+      'border-left-width', 'border-right-width','border-top-width','border-bottom-width', 
+      'font-family', 'font-size', 'line-height', 'letter-spacing', 'word-spacing'];
+    for(var i in copyProps){
+      elmClone.style[capitalize(copyProps[i])] = 
+       styleOriginal.getPropertyValue(copyProps[i]);
+    }
+       
+    elmClone.style.width = elmOriginal.offsetWidth;
+    elmClone.style.height = elmOriginal.offsetHeight;
+    elmClone.style.visibility="hidden"; // ÄɲÃ
+    elmClone.style.position = "absolute"; //ÄɲÃ
+    //elmClone.style =elmOriginal.style;
+                
+    elmClone.scrollLeft = elmOriginal.scrollLeft;
+    elmClone.scrollTop = elmOriginal.scrollTop;
+  }
+
+  var elm;
+
+  MIM.caret_pos = function (target)
+  {
+    if (! elm)
+      {
+         elm = document.createElement ('div');
+       document.getElementsByTagName ('body')[0].appendChild (elm);
+      }
+
+    imitateElement(target, elm);
+    var selectionEnd = target.selectionEnd;
+    var value = target.value;
+
+    var elmCursor = document.createElement('span');
+    elmCursor.innerHTML = '|';
+
+    //elm = document.createElement ('pre');
+    elm.innerHTML = '';
+    var elmChild = document.createTextNode(value.substr(0,selectionEnd));
+    elm.appendChild(elmChild);
+    elm.appendChild(elmCursor);
+
+    var x = target.offsetLeft + elmCursor.offsetLeft +2;
+    var y = target.offsetTop + elmCursor.offsetTop -2;
+
+    Xex.Log ("x:" + x + "px y:" + y + "px w:" + elm.offsetWidth);
+  }
+}) ();
+
 MIM.focus_in = function (event)
 {
   var target = event.target;
@@ -3170,7 +3231,8 @@ MIM.keydown = function (event)
     return;
   if (! (target.type == "text" || target.type == "textarea"))
     return;
-  document.akey = event;
+
+  MIM.caret_pos (target);
 
   var ic = target.mim_ic;
   if (! ic || ic.im != MIM.current)
@@ -3246,6 +3308,7 @@ MIM.keypress = function (event)
   } finally {
     MIM.debug_print (event, ic);
   }
+
   return;
 };
 
@@ -3267,7 +3330,6 @@ MIM.keypress = function (event)
       sk: { name: 'Slovak' },
       sr: { name: 'Serbian' },
       sv: { name: 'Swedish' },
-      vi: { name: 'Vietnamese' },
       yi: { name: 'Yiddish' } },
     MiddleEast: {
       ar: { name: 'Arabic' },
@@ -3487,7 +3549,6 @@ MIM.keypress = function (event)
            li.appendChild (sub);
            menu.appendChild (li);
          }
-       document.mimmenu = menu;
        lang_category = null;
       }
     menu.style.left = (event.clientX - 10) + "px";