boah ka

itooltip.js

@@ -1,23 +1,38 @@
 ( function() {
   'use strict';
-  var showToolTip = function(target) {
-    var tx;
-    var ty;
-    var fullwidth;
-    var fullheight;
 
+  var buildToolTip = function(content) {
+    var tt = document.createElement('tooltip');
+    tt.classList.add('hidden');
+    var tn = document.createTextNode(content);
+    tt.appendChild(tn);
+  }
+
+  var loadToolTip = function(target) {
+    if(!target.dataset.url) return;
+    var url = target
+    var xmlhttp = new XMLHttpRequest();
+    xmlhttp.onreadystatechange = function() {
+      if (this.readyState == 4 && this.status == 200) {
+        console.log('ajax:',this.responseText);
+        //TODO
+
+      }
+    };
+    xmlhttp.open("GET", url, true);
+    xmlhttp.send(params);
   }
 
   var fadeIn = function(el) {
     //TODO fancy fadein
-
+    el.classList.remove('hidden');
   }
 
   //class itooltip
   var elems = document.getElementsByClassName('itooltip');
   for (var i =0;i<elems.length;i++) {
     elems[i].addEventListener('mouseenter',function(ev){
-      showToolTip(ev.target);
+      loadToolTip(ev.target);
     });
   }
 })();