42 lines
1.0 KiB
JavaScript
42 lines
1.0 KiB
JavaScript
( function() {
|
|
'use strict';
|
|
|
|
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){
|
|
loadToolTip(ev.target);
|
|
});
|
|
}
|
|
})();
|
|
|
|
//TODO lade daten von url in data-url
|
|
//TODO in der obenhälfte tooltip down untehälte up
|
|
//TODO linke hälte tooltip richts sondt links
|