From e000302ccf5389fe23e376f5a32629bc210f99ce Mon Sep 17 00:00:00 2001 From: Andreas Brachold Date: Fri, 2 Nov 2007 15:47:39 +0000 Subject: * xstyle remove double files * xstyle fix some css mistakes * xstyle update tooltips functions --- skins/xstyle/bloecke/event_row.tmpl | 2 +- skins/xstyle/images/Kopie von trans.gif | Bin 43 -> 0 bytes skins/xstyle/images/blank.png | Bin 144 -> 0 bytes skins/xstyle/images/desc.png | Bin 123 -> 140 bytes skins/xstyle/images/leer.png | Bin 51 -> 0 bytes skins/xstyle/javascript/tooltip.js | 178 ++++++++++++++++++++++++++------ skins/xstyle/javascript/xtree.js | 4 +- skins/xstyle/program.tmpl | 2 +- skins/xstyle/rdisplay.tmpl | 6 +- skins/xstyle/style/style.css | 4 +- skins/xstyle/style/xmenu.windows.css | 8 +- skins/xstyle/widgets/vtx.tmpl | 10 +- 12 files changed, 161 insertions(+), 53 deletions(-) delete mode 100755 skins/xstyle/images/Kopie von trans.gif delete mode 100644 skins/xstyle/images/blank.png delete mode 100644 skins/xstyle/images/leer.png diff --git a/skins/xstyle/bloecke/event_row.tmpl b/skins/xstyle/bloecke/event_row.tmpl index 98addf7..803c3da 100755 --- a/skins/xstyle/bloecke/event_row.tmpl +++ b/skins/xstyle/bloecke/event_row.tmpl @@ -15,10 +15,10 @@ 0 %?>
+ 0 %?>
',' ') %?> - diff --git a/skins/xstyle/images/Kopie von trans.gif b/skins/xstyle/images/Kopie von trans.gif deleted file mode 100755 index 35d42e8..0000000 Binary files a/skins/xstyle/images/Kopie von trans.gif and /dev/null differ diff --git a/skins/xstyle/images/blank.png b/skins/xstyle/images/blank.png deleted file mode 100644 index cee9cd3..0000000 Binary files a/skins/xstyle/images/blank.png and /dev/null differ diff --git a/skins/xstyle/images/desc.png b/skins/xstyle/images/desc.png index fb8816e..73ad621 100644 Binary files a/skins/xstyle/images/desc.png and b/skins/xstyle/images/desc.png differ diff --git a/skins/xstyle/images/leer.png b/skins/xstyle/images/leer.png deleted file mode 100644 index 7a50497..0000000 Binary files a/skins/xstyle/images/leer.png and /dev/null differ diff --git a/skins/xstyle/javascript/tooltip.js b/skins/xstyle/javascript/tooltip.js index e0ee20b..f66f4e8 100644 --- a/skins/xstyle/javascript/tooltip.js +++ b/skins/xstyle/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,51 +104,64 @@ function ttp_update_content(title, description){ ttp_content += utitle.substr(0,50); if (utitle.length > 50) {ttp_content += '...';} ttp_content += '

' - ttp_content += unescape(description); + if(description == 'WAIT') { + ttp_content += ''; /* TODO => wait.gif */ + } else { + ttp_content += unescape(description); + } ttp_content += '

'; } 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){ +function ttp_make_req_visable(title, eventid, x, y){ + + 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,'
'); - - 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,'
'); + } else { + content = '...'; } + + ttp_make_visable(title,content); }; var url = "?cmd=edescription&data=" + eventid + "&ajax=json"; @@ -92,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); + } + } } diff --git a/skins/xstyle/javascript/xtree.js b/skins/xstyle/javascript/xtree.js index 58d2d95..a6652b0 100644 --- a/skins/xstyle/javascript/xtree.js +++ b/skins/xstyle/javascript/xtree.js @@ -78,7 +78,7 @@ var webFXTreeConfig = { tIcon : 'images/T.png', tMinusIcon : 'images/Tminus.png', tPlusIcon : 'images/Tplus.png', - blankIcon : 'images/blank.png', + blankIcon : 'images/trans.gif', defaultText : 'Tree Item', defaultAction : 'javascript:void(0);', defaultBehavior : 'classic', @@ -538,4 +538,4 @@ WebFXTreeItem.prototype.toString = function (nItem, nItemCount) { this.plusIcon = ((this.parentNode._last)?webFXTreeConfig.lPlusIcon:webFXTreeConfig.tPlusIcon); this.minusIcon = ((this.parentNode._last)?webFXTreeConfig.lMinusIcon:webFXTreeConfig.tMinusIcon); return str + sb.join("") + ""; -} \ No newline at end of file +} diff --git a/skins/xstyle/program.tmpl b/skins/xstyle/program.tmpl index a76e5df..0c79ec0 100644 --- a/skins/xstyle/program.tmpl +++ b/skins/xstyle/program.tmpl @@ -64,10 +64,10 @@ 0 %?>
+ 0 %?>
',' ') %?> - diff --git a/skins/xstyle/rdisplay.tmpl b/skins/xstyle/rdisplay.tmpl index 9958f06..4eca85f 100644 --- a/skins/xstyle/rdisplay.tmpl +++ b/skins/xstyle/rdisplay.tmpl @@ -27,7 +27,7 @@ - " src='/images/blank.png' width="" height=''> + " src='/images/trans.gif' width="" height=''> - "> + -%?> - "> secold; bgcolor = (bgcolor == 'red' ? 'white' : 'red'); percent = ((data.Duration - secold) / data.Duration) * width; - -%?> - ::" /> + -%?> - ::" /> diff --git a/skins/xstyle/style/style.css b/skins/xstyle/style/style.css index c0c0f70..f28f7bc 100644 --- a/skins/xstyle/style/style.css +++ b/skins/xstyle/style/style.css @@ -287,9 +287,7 @@ caption #TOOLTIP { position:absolute; width: 400px; - top: 0px; - left: 0px; - z-index:5; + z-index:15; visibility:hidden; } diff --git a/skins/xstyle/style/xmenu.windows.css b/skins/xstyle/style/xmenu.windows.css index 11f5304..fd4428a 100644 --- a/skins/xstyle/style/xmenu.windows.css +++ b/skins/xstyle/style/xmenu.windows.css @@ -44,9 +44,9 @@ width: expression(constExpression(ieBox ? "100%" : "auto")); /* should be ignored by mz and op */ text-decoration: none; color: MenuText; - XXXheight: 18px; + /*XXXheight: 18px;*/ height: expression(constExpression("13px")); - vertical-align: center; + vertical-align: middle; padding: 2px; padding-left: 3px; padding-right: 3px; @@ -72,7 +72,7 @@ float: right; border: 0; width: 3px; - XXXheight: 16px; + /*XXXheight: 16px;*/ margin-top: 3px; margin-right: 3px; } @@ -162,4 +162,4 @@ border-right: 1px solid ButtonHighlight; border-top: 1px solid ButtonShadow; border-bottom: 1px solid ButtonHighlight; -} \ No newline at end of file +} diff --git a/skins/xstyle/widgets/vtx.tmpl b/skins/xstyle/widgets/vtx.tmpl index 9c40661..274d2fc 100644 --- a/skins/xstyle/widgets/vtx.tmpl +++ b/skins/xstyle/widgets/vtx.tmpl @@ -29,11 +29,11 @@ - " href="">  - "href="">  - "href="">  - "href="">  - "href=""> + " href="">  + "href="">  + "href="">  + "href="">  + "href="">
-- cgit v1.2.3