summaryrefslogtreecommitdiff
path: root/html/javascript/tooltip.js
diff options
context:
space:
mode:
Diffstat (limited to 'html/javascript/tooltip.js')
-rw-r--r--html/javascript/tooltip.js177
1 files changed, 143 insertions, 34 deletions
diff --git a/html/javascript/tooltip.js b/html/javascript/tooltip.js
index efcf793..f66f4e8 100644
--- a/html/javascript/tooltip.js
+++ b/html/javascript/tooltip.js
@@ -6,10 +6,72 @@ var ttp_x = -1;
var ttp_y = -1;
var ttp_visable = 0;
var ttp_offset_x = 0;
+var ttp_x_start = -1;
+var ttp_y_start = -1;
+var ttp_active = 1;
+var ttp_inside = 0;
+
+var ie5=document.all&&document.getElementById;
+var ns6=document.getElementById&&!document.all;
+var opera =window.opera;
+var dom=(!opera && document.compatMode && document.compatMode!="BackCompat");
+
+function iecompattest(){
+ return dom ? document.documentElement : document.body
+}
+
+function getScrollingPosition() {
+ var x = 0, y = 0;
+ if( ns6 || typeof( window.pageYOffset ) == 'number' ) {
+ y = window.pageYOffset;
+ x = window.pageXOffset;
+ } else {
+ y = iecompattest().scrollTop;
+ x = iecompattest().scrollLeft;
+ }
+ return [ x, y ];
+}
+
+function WindowSize () {
+ var width = 0, height = 0;
+ if( ns6 || typeof( window.innerWidth ) == 'number' ) {
+ width = window.innerWidth;
+ height = window.innerHeight;
+ } else {
+ width = iecompattest().clientWidth;
+ height = iecompattest().clientHeight;
+ }
+ return [ width, height ];
+}
function ttp_update_pos(){
- document.getElementById('TOOLTIP').style.left = (ttp_offset_x + ttp_x) + "px";
- document.getElementById('TOOLTIP').style.top = (ttp_y + 20) + "px";
+ var Size = WindowSize();
+
+ var x = ttp_x + ttp_offset_x;
+ var y = ttp_y;
+
+ var ele = document.getElementById('TOOLTIP');
+ var scrPos = getScrollingPosition();
+
+ if(x + 500 > Size[0] + scrPos[0]) {
+ x = Size[0] - 500;
+ }
+ if(y + 150 > Size[1] + scrPos[1]) {
+ y = Size[1] - (y - 10);
+ ele.style.top = '';
+ if(ie5&&!opera) {
+ ele.style.removeAttribute('top');
+ y += scrPos[1];
+ }
+ ele.style.bottom = y + "px";
+ } else {
+ ele.style.bottom = '';
+ if(ie5&&!opera) {
+ ele.style.removeAttribute('bottom');
+ }
+ ele.style.top = (y + 20) + "px";
+ }
+ ele.style.left = x + "px";
}
var ttp_ie = document.all?true:false;
@@ -26,7 +88,13 @@ if (ttp_ie) {
}
if (ttp_x < 0) {ttp_x = 0;}
if (ttp_y < 0) {ttp_y = 0;}
-if(ttp_visable) {ttp_update_pos();}
+if(ttp_visable) {
+ if(Math.abs(ttp_x_start - ttp_x) > 200
+ || Math.abs(ttp_y_start - ttp_y) > 200) {
+ ttp_make_invisable();
+ }
+ ttp_update_pos();
+ }
}
@@ -36,52 +104,64 @@ function ttp_update_content(title, description){
ttp_content += utitle.substr(0,50);
if (utitle.length > 50) {ttp_content += '...';}
ttp_content += '</p><p class="description">'
- ttp_content += unescape(description);
+ if(description == 'WAIT') {
+ ttp_content += '<img src="images/repeat.png" alt="" />'; /* TODO => wait.gif */
+ } else {
+ ttp_content += unescape(description);
+ }
ttp_content += '</p></div>';
}
function ttp_make_visable(title, description){
ttp_update_pos();
- document.getElementById('TOOLTIP').style.visibility = "visible";
ttp_update_content(title, description);
- document.getElementById('TOOLTIP').innerHTML = ttp_content;
- ttp_visable = 1;
+ var ele = document.getElementById('TOOLTIP');
+ ele.innerHTML = ttp_content;
+ ele.style.visibility = "visible";
}
-function ttp_make_invisable(self){
- clearTimeout(ttp_timer);
- ttp_visable = 0;
- document.getElementById('TOOLTIP').style.visibility = "hidden";
+function ttp_make_invisable(){
+ var ele = document.getElementById('TOOLTIP');
+
+ if(ttp_visable || ele.style.visibility == "visible") {
+ clearTimeout(ttp_timer);
+ ele.style.visibility = "hidden";
+ }
+ ttp_visable = 0;
+ ttp_inside = 0;
}
-function ttp(self, title, description, offset_x){
- self.onmouseout=function(){ ttp_make_invisable(this); };
- if(description && ttp_x != -1 && ttp_y != -1){
- ttp_offset_x = offset_x;
- ttp_timer = setTimeout("ttp_make_visable('"+escape(title)+"', '"+escape(description)+"')", 750);
- }
+function ttp_enable(enable){
+ ttp_make_invisable();
+ ttp_active = enable
}
+function ttp_make_req_visable(title, eventid, x, y){
-function ttp_make_req_visable(title, eventid){
+ if(!eventid || eventid<=0 || ttp_inside==0
+ || Math.abs(x - ttp_x) > 200
+ || Math.abs(y - ttp_y) > 200) {
+ clearTimeout(ttp_timer);
+ ttp_inside = 0;
+ return false;
+ }
+
+ ttp_x_start = ttp_x;
+ ttp_y_start = ttp_y;
+ ttp_make_visable(title,'WAIT');
- if(!eventid || eventid<=0)
- return false;
var fnWhenDone = function (oXML, sData) {
var description = eval('(' + oXML.responseText + ')');
+ var content;
if(description && description.data && typeof(description.data) == 'string'){
- var content = description.data.replace(/\r\n/g,'<br />');
-
- ttp_update_pos();
- ttp_update_content(title,content);
-
- document.getElementById('TOOLTIP').innerHTML = ttp_content;
- document.getElementById('TOOLTIP').style.visibility = "visible";
-
- ttp_visable = 1;
+ content = description.data.replace(/\r\n/g,'<br />');
+ } else {
+ content = '...';
}
+
+ ttp_make_visable(title,content);
};
var url = "?cmd=edescription&data=" + eventid + "&ajax=json";
@@ -93,9 +173,38 @@ function ttp_make_req_visable(title, eventid){
function ttpreq(self, title, eventid, offset_x){
- self.onmouseout=function(){ ttp_make_invisable(this); };
- if(eventid && ttp_x != -1 && ttp_y != -1){
- ttp_offset_x = offset_x;
- ttp_timer = setTimeout("ttp_make_req_visable('"+escape(title)+"', '"+eventid+"')", 750);
- }
+ if(ttp_active) {
+ self.onmouseout=function(){ ttp_make_invisable(); };
+ if(eventid && ttp_x != -1 && ttp_y != -1){
+ ttp_offset_x = offset_x;
+ ttp_inside = 1;
+ ttp_timer = setTimeout("ttp_make_req_visable('"+escape(title)+"', '"+eventid+"', '"+ttp_x+"', '"+ttp_y+"')", 750);
+ }
+ }
+}
+
+function ttp_make_direct_visable(title, description, x, y){
+
+ if(ttp_inside==0
+ || Math.abs(x - ttp_x) > 200
+ || Math.abs(y - ttp_y) > 200) {
+ clearTimeout(ttp_timer);
+ ttp_inside = 0;
+ return false;
+ }
+
+ ttp_x_start = ttp_x;
+ ttp_y_start = ttp_y;
+ ttp_make_visable(title,description);
+}
+
+function ttp(self, title, description, offset_x){
+ if(ttp_active) {
+ self.onmouseout=function(){ ttp_make_invisable(); };
+ if(description && ttp_x != -1 && ttp_y != -1){
+ ttp_offset_x = offset_x;
+ ttp_inside = 1;
+ ttp_timer = setTimeout("ttp_make_direct_visable('"+escape(title)+"', '"+escape(description)+"')", 750);
+ }
+ }
}
generated by cgit v1.2.3 (git 2.25.1) at 2026-03-05 17:46:36 +0000