www: mkAll, tags

www/tooltip.js

@@ -0,0 +1,113 @@
+var tooltip=function(){
+    var id = 'tt';
+    var top = 3;
+    var left = 3;
+    var maxw = 500;
+    var speed = 10;
+    var timer = 20;
+    var endalpha = 95;
+    var alpha = 0;
+    var tt,t,c,b,h;
+    var ie = document.all ? true : false;
+    return{
+	show:function(v,w,below){
+	    if (v.search("<table") == 0) {
+		v = v.replace(/&lt;/g, "<")
+		    .replace(/&gt;/g, ">")
+		    .replace(/&quot;/g, "\"")
+		    .replace(/&apos;/g, "'")
+		    .replace(/&amp;/g, "&");
+	    }
+	    if(tt == null){
+		tt = document.createElement('div');
+		tt.setAttribute('id',id);
+		t = document.createElement('div');
+		t.setAttribute('id',id + 'top');
+		c = document.createElement('div');
+		c.setAttribute('id',id + 'cont');
+		b = document.createElement('div');
+		b.setAttribute('id',id + 'bot');
+		tt.appendChild(t);
+		tt.appendChild(c);
+		tt.appendChild(b);
+		document.body.appendChild(tt);
+		tt.style.opacity = 0;
+		tt.style.filter = 'alpha(opacity=0)';
+	    }
+	    document.onmousemove = below ? this.pos2 : this.pos;
+	    tt.style.display = 'block';
+	    c.innerHTML = v;
+	    tt.style.width = w ? w + 'px' : 'auto';
+	    if(!w && ie){
+		t.style.display = 'none';
+		b.style.display = 'none';
+		tt.style.width = tt.offsetWidth;
+		t.style.display = 'block';
+		b.style.display = 'block';
+	    }
+	    if(tt.offsetWidth > maxw){tt.style.width = maxw + 'px'}
+	    h = parseInt(tt.offsetHeight) + top;
+	    clearInterval(tt.timer);
+	    tt.timer = setInterval(function(){tooltip.fade(1)},timer);
+	},
+	pos:function(e){
+	    var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
+	    var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;
+	    var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+	    var o = window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0;
+	    var scroll = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+	    var top = u - h;
+	    if (top < scroll + 10) {
+		top = scroll + 10;
+	    }
+	    tt.style.top = top + 'px';
+	    if (w > maxw && l + maxw > w + o) {
+		tt.style.right = (w - l - left + 10) + 'px';
+		tt.style.left = 'auto';
+	    } else {
+		tt.style.left = (l + left + 10) + 'px';
+		tt.style.right = 'auto';
+	    }
+	},
+	pos2:function(e){
+	    var u = ie ? event.clientY + document.documentElement.scrollTop : e.pageY;
+	    var l = ie ? event.clientX + document.documentElement.scrollLeft : e.pageX;
+	    var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+	    var o = window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0;
+	    var scroll = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+	    var top = u + 24;
+	    if (top < scroll + 10) {
+		top = scroll + 10;
+	    }
+	    tt.style.top = top + 'px';
+	    if (w > maxw && l + maxw > w + o) {
+		tt.style.right = (w - l - left + 10) + 'px';
+		tt.style.left = 'auto';
+	    } else {
+		tt.style.left = (l + left + 10) + 'px';
+		tt.style.right = 'auto';
+	    }
+	},
+	fade:function(d){
+	    var a = alpha;
+	    if((a != endalpha && d == 1) || (a != 0 && d == -1)){
+		var i = speed;
+		if(endalpha - a < speed && d == 1){
+		    i = endalpha - a;
+		}else if(alpha < speed && d == -1){
+		    i = a;
+		}
+		alpha = a + (i * d);
+		tt.style.opacity = alpha * .01;
+		tt.style.filter = 'alpha(opacity=' + alpha + ')';
+	    }else{
+		clearInterval(tt.timer);
+		if(d == -1){tt.style.display = 'none'}
+	    }
+	},
+	hide:function(){
+	    clearInterval(tt.timer);
+	    tt.timer = setInterval(function(){tooltip.fade(-1)},timer);
+	}
+    };
+}();