wzToolTip durch jQuery ToolTipster ersetzt
authorMoritz Bunkus <m.bunkus@linet-services.de>
Fri, 17 Jul 2015 07:21:29 +0000 (09:21 +0200)
committerMoritz Bunkus <m.bunkus@linet-services.de>
Fri, 17 Jul 2015 07:21:29 +0000 (09:21 +0200)
wzToolTip hat ein uraltes, ist in der Benutzung ausgesprochen
unkomfortabel und unflexibel und muss zwingend in jedem benutzenden
Template manuell _nach_ dem <body>-Tag eingebunden werden. Dadurch kann
es z.B. nicht im Layout mit ausgegeben werden.

13 files changed:
SL/Form.pm
css/themes/tooltipster-light.css [new file with mode: 0644]
css/themes/tooltipster-noir.css [new file with mode: 0644]
css/themes/tooltipster-punk.css [new file with mode: 0644]
css/themes/tooltipster-shadow.css [new file with mode: 0644]
css/tooltipster.css [new file with mode: 0644]
js/jquery/jquery.tooltipster.min.js [new file with mode: 0644]
js/kivi.js
js/wz_tooltip.js [deleted file]
templates/webpages/bank_transactions/list.html
templates/webpages/bank_transactions/tabs/all.html
templates/webpages/ic/form_footer.html
templates/webpages/ic/form_header.html

index 487df6d..99fe818 100644 (file)
@@ -472,11 +472,13 @@ sub header {
     jquery.multiselect2side
     ui-lightness/jquery-ui
     jquery-ui.custom
+    tooltipster themes/tooltipster-light
   );
 
   $layout->use_javascript("$_.js") for (qw(
     jquery jquery-ui jquery.cookie jquery.checkall jquery.download
     jquery/jquery.form jquery/fixes client_js
+    jquery/jquery.tooltipster.min
     common part_selection switchmenuframe
   ), "jquery/ui/i18n/jquery.ui.datepicker-$::myconfig{countrycode}");
 
diff --git a/css/themes/tooltipster-light.css b/css/themes/tooltipster-light.css
new file mode 100644 (file)
index 0000000..6e955de
--- /dev/null
@@ -0,0 +1,12 @@
+.tooltipster-light {
+       border-radius: 5px;
+       border: 1px solid #cccccc;
+       background: #ededed;
+       color: #666666;
+}
+.tooltipster-light .tooltipster-content {
+       font-family: Arial, sans-serif;
+       font-size: 14px;
+       line-height: 16px;
+       padding: 8px 10px;
+}
\ No newline at end of file
diff --git a/css/themes/tooltipster-noir.css b/css/themes/tooltipster-noir.css
new file mode 100644 (file)
index 0000000..ba93e55
--- /dev/null
@@ -0,0 +1,12 @@
+.tooltipster-noir {
+       border-radius: 0px;
+       border: 3px solid #2c2c2c;
+       background: #fff;
+       color: #2c2c2c;
+}
+.tooltipster-noir .tooltipster-content {
+       font-family: 'Georgia', serif;
+       font-size: 14px;
+       line-height: 16px;
+       padding: 8px 10px;
+}
\ No newline at end of file
diff --git a/css/themes/tooltipster-punk.css b/css/themes/tooltipster-punk.css
new file mode 100644 (file)
index 0000000..393a570
--- /dev/null
@@ -0,0 +1,12 @@
+.tooltipster-punk {
+       border-radius: 5px;
+       border-bottom: 3px solid #f71169;
+       background: #2a2a2a;
+       color: #fff;
+}
+.tooltipster-punk .tooltipster-content {
+       font-family: 'Courier', monospace;
+       font-size: 14px;
+       line-height: 16px;
+       padding: 8px 10px;
+}
\ No newline at end of file
diff --git a/css/themes/tooltipster-shadow.css b/css/themes/tooltipster-shadow.css
new file mode 100644 (file)
index 0000000..e869c5e
--- /dev/null
@@ -0,0 +1,12 @@
+.tooltipster-shadow {
+       border-radius: 5px;
+       background: #fff;
+       box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
+       color: #2c2c2c;
+}
+.tooltipster-shadow .tooltipster-content {
+       font-family: 'Arial', sans-serif;
+       font-size: 14px;
+       line-height: 16px;
+       padding: 8px 10px;
+}
\ No newline at end of file
diff --git a/css/tooltipster.css b/css/tooltipster.css
new file mode 100644 (file)
index 0000000..66fd282
--- /dev/null
@@ -0,0 +1,274 @@
+/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
+.tooltipster-default {
+       border-radius: 5px;
+       border: 2px solid #000;
+       background: #4c4c4c;
+       color: #fff;
+}
+
+/* Use this next selector to style things like font-size and line-height: */
+.tooltipster-default .tooltipster-content {
+       font-family: Arial, sans-serif;
+       font-size: 14px;
+       line-height: 16px;
+       padding: 8px 10px;
+       overflow: hidden;
+}
+
+/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
+.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
+       /* border-color: ... !important; */
+}
+
+
+/* If you're using the icon option, use this next selector to style them */
+.tooltipster-icon {
+       cursor: help;
+       margin-left: 4px;
+}
+
+
+
+
+
+
+
+
+/* This is the base styling required to make all Tooltipsters work */
+.tooltipster-base {
+       padding: 0;
+       font-size: 0;
+       line-height: 0;
+       position: absolute;
+       left: 0;
+       top: 0;
+       z-index: 9999999;
+       pointer-events: none;
+       width: auto;
+       overflow: visible;
+}
+.tooltipster-base .tooltipster-content {
+       overflow: hidden;
+}
+
+
+/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
+.tooltipster-arrow {
+       display: block;
+       text-align: center;
+       width: 100%;
+       height: 100%;
+       position: absolute;
+       top: 0;
+       left: 0;
+       z-index: -1;
+}
+.tooltipster-arrow span, .tooltipster-arrow-border {
+       display: block;
+       width: 0;
+       height: 0;
+       position: absolute;
+}
+.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
+       border-left: 8px solid transparent !important;
+       border-right: 8px solid transparent !important;
+       border-top: 8px solid;
+       bottom: -7px;
+}
+.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
+       border-left: 9px solid transparent !important;
+       border-right: 9px solid transparent !important;
+       border-top: 9px solid;
+       bottom: -7px;
+}
+
+.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
+       border-left: 8px solid transparent !important;
+       border-right: 8px solid transparent !important;
+       border-bottom: 8px solid;
+       top: -7px;
+}
+.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
+       border-left: 9px solid transparent !important;
+       border-right: 9px solid transparent !important;
+       border-bottom: 9px solid;
+       top: -7px;
+}
+.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
+       left: 0;
+       right: 0;
+       margin: 0 auto;
+}
+.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
+       left: 6px;
+}
+.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
+       left: 5px;
+}
+.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
+       right: 6px;
+}
+.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
+       right: 5px;
+}
+.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
+       border-top: 8px solid transparent !important;
+       border-bottom: 8px solid transparent !important;
+       border-left: 8px solid;
+       top: 50%;
+       margin-top: -7px;
+       right: -7px;
+}
+.tooltipster-arrow-left .tooltipster-arrow-border {
+       border-top: 9px solid transparent !important;
+       border-bottom: 9px solid transparent !important;
+       border-left: 9px solid;
+       margin-top: -8px;
+}
+.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
+       border-top: 8px solid transparent !important;
+       border-bottom: 8px solid transparent !important;
+       border-right: 8px solid;
+       top: 50%;
+       margin-top: -7px;
+       left: -7px;
+}
+.tooltipster-arrow-right .tooltipster-arrow-border {
+       border-top: 9px solid transparent !important;
+       border-bottom: 9px solid transparent !important;
+       border-right: 9px solid;
+       margin-top: -8px;
+}
+
+
+/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
+
+.tooltipster-fade {
+       opacity: 0;
+       -webkit-transition-property: opacity;
+       -moz-transition-property: opacity;
+       -o-transition-property: opacity;
+       -ms-transition-property: opacity;
+       transition-property: opacity;
+}
+.tooltipster-fade-show {
+       opacity: 1;
+}
+
+.tooltipster-grow {
+       -webkit-transform: scale(0,0);
+       -moz-transform: scale(0,0);
+       -o-transform: scale(0,0);
+       -ms-transform: scale(0,0);
+       transform: scale(0,0);
+       -webkit-transition-property: -webkit-transform;
+       -moz-transition-property: -moz-transform;
+       -o-transition-property: -o-transform;
+       -ms-transition-property: -ms-transform;
+       transition-property: transform;
+       -webkit-backface-visibility: hidden;
+}
+.tooltipster-grow-show {
+       -webkit-transform: scale(1,1);
+       -moz-transform: scale(1,1);
+       -o-transform: scale(1,1);
+       -ms-transform: scale(1,1);
+       transform: scale(1,1);
+       -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+       -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+       -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+       -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+       -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+       transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+}
+
+.tooltipster-swing {
+       opacity: 0;
+       -webkit-transform: rotateZ(4deg);
+       -moz-transform: rotateZ(4deg);
+       -o-transform: rotateZ(4deg);
+       -ms-transform: rotateZ(4deg);
+       transform: rotateZ(4deg);
+       -webkit-transition-property: -webkit-transform, opacity;
+       -moz-transition-property: -moz-transform;
+       -o-transition-property: -o-transform;
+       -ms-transition-property: -ms-transform;
+       transition-property: transform;
+}
+.tooltipster-swing-show {
+       opacity: 1;
+       -webkit-transform: rotateZ(0deg);
+       -moz-transform: rotateZ(0deg);
+       -o-transform: rotateZ(0deg);
+       -ms-transform: rotateZ(0deg);
+       transform: rotateZ(0deg);
+       -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
+       -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
+       -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
+       -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
+       -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
+       transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
+}
+
+.tooltipster-fall {
+       top: 0;
+       -webkit-transition-property: top;
+       -moz-transition-property: top;
+       -o-transition-property: top;
+       -ms-transition-property: top;
+       transition-property: top;
+       -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+       -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+       -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+       -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+       -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+       transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+}
+.tooltipster-fall-show {
+}
+.tooltipster-fall.tooltipster-dying {
+       -webkit-transition-property: all;
+       -moz-transition-property: all;
+       -o-transition-property: all;
+       -ms-transition-property: all;
+       transition-property: all;
+       top: 0px !important;
+       opacity: 0;
+}
+
+.tooltipster-slide {
+       left: -40px;
+       -webkit-transition-property: left;
+       -moz-transition-property: left;
+       -o-transition-property: left;
+       -ms-transition-property: left;
+       transition-property: left;
+       -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
+       -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+       -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+       -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+       -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+       transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
+}
+.tooltipster-slide.tooltipster-slide-show {
+}
+.tooltipster-slide.tooltipster-dying {
+       -webkit-transition-property: all;
+       -moz-transition-property: all;
+       -o-transition-property: all;
+       -ms-transition-property: all;
+       transition-property: all;
+       left: 0px !important;
+       opacity: 0;
+}
+
+
+/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
+.tooltipster-content-changing {
+       opacity: 0.5;
+       -webkit-transform: scale(1.1, 1.1);
+       -moz-transform: scale(1.1, 1.1);
+       -o-transform: scale(1.1, 1.1);
+       -ms-transform: scale(1.1, 1.1);
+       transform: scale(1.1, 1.1);
+}
diff --git a/js/jquery/jquery.tooltipster.min.js b/js/jquery/jquery.tooltipster.min.js
new file mode 100644 (file)
index 0000000..ff8dab1
--- /dev/null
@@ -0,0 +1 @@
+/* Tooltipster v3.3.0 */;(function(e,t,n){function s(t,n){this.bodyOverflowX;this.callbacks={hide:[],show:[]};this.checkInterval=null;this.Content;this.$el=e(t);this.$elProxy;this.elProxyPosition;this.enabled=true;this.options=e.extend({},i,n);this.mouseIsOverProxy=false;this.namespace="tooltipster-"+Math.round(Math.random()*1e5);this.Status="hidden";this.timerHide=null;this.timerShow=null;this.$tooltip;this.options.iconTheme=this.options.iconTheme.replace(".","");this.options.theme=this.options.theme.replace(".","");this._init()}function o(t,n){var r=true;e.each(t,function(e,i){if(typeof n[e]==="undefined"||t[e]!==n[e]){r=false;return false}});return r}function f(){return!a&&u}function l(){var e=n.body||n.documentElement,t=e.style,r="transition";if(typeof t[r]=="string"){return true}v=["Moz","Webkit","Khtml","O","ms"],r=r.charAt(0).toUpperCase()+r.substr(1);for(var i=0;i<v.length;i++){if(typeof t[v[i]+r]=="string"){return true}}return false}var r="tooltipster",i={animation:"fade",arrow:true,arrowColor:"",autoClose:true,content:null,contentAsHTML:false,contentCloning:true,debug:true,delay:200,minWidth:0,maxWidth:null,functionInit:function(e,t){},functionBefore:function(e,t){t()},functionReady:function(e,t){},functionAfter:function(e){},hideOnClick:false,icon:"(?)",iconCloning:true,iconDesktop:false,iconTouch:false,iconTheme:"tooltipster-icon",interactive:false,interactiveTolerance:350,multiple:false,offsetX:0,offsetY:0,onlyOne:false,position:"top",positionTracker:false,positionTrackerCallback:function(e){if(this.option("trigger")=="hover"&&this.option("autoClose")){this.hide()}},restoration:"current",speed:350,timer:0,theme:"tooltipster-default",touchDevices:true,trigger:"hover",updateAnimation:true};s.prototype={_init:function(){var t=this;if(n.querySelector){var r=null;if(t.$el.data("tooltipster-initialTitle")===undefined){r=t.$el.attr("title");if(r===undefined)r=null;t.$el.data("tooltipster-initialTitle",r)}if(t.options.content!==null){t._content_set(t.options.content)}else{t._content_set(r)}var i=t.options.functionInit.call(t.$el,t.$el,t.Content);if(typeof i!=="undefined")t._content_set(i);t.$el.removeAttr("title").addClass("tooltipstered");if(!u&&t.options.iconDesktop||u&&t.options.iconTouch){if(typeof t.options.icon==="string"){t.$elProxy=e('<span class="'+t.options.iconTheme+'"></span>');t.$elProxy.text(t.options.icon)}else{if(t.options.iconCloning)t.$elProxy=t.options.icon.clone(true);else t.$elProxy=t.options.icon}t.$elProxy.insertAfter(t.$el)}else{t.$elProxy=t.$el}if(t.options.trigger=="hover"){t.$elProxy.on("mouseenter."+t.namespace,function(){if(!f()||t.options.touchDevices){t.mouseIsOverProxy=true;t._show()}}).on("mouseleave."+t.namespace,function(){if(!f()||t.options.touchDevices){t.mouseIsOverProxy=false}});if(u&&t.options.touchDevices){t.$elProxy.on("touchstart."+t.namespace,function(){t._showNow()})}}else if(t.options.trigger=="click"){t.$elProxy.on("click."+t.namespace,function(){if(!f()||t.options.touchDevices){t._show()}})}}},_show:function(){var e=this;if(e.Status!="shown"&&e.Status!="appearing"){if(e.options.delay){e.timerShow=setTimeout(function(){if(e.options.trigger=="click"||e.options.trigger=="hover"&&e.mouseIsOverProxy){e._showNow()}},e.options.delay)}else e._showNow()}},_showNow:function(n){var r=this;r.options.functionBefore.call(r.$el,r.$el,function(){if(r.enabled&&r.Content!==null){if(n)r.callbacks.show.push(n);r.callbacks.hide=[];clearTimeout(r.timerShow);r.timerShow=null;clearTimeout(r.timerHide);r.timerHide=null;if(r.options.onlyOne){e(".tooltipstered").not(r.$el).each(function(t,n){var r=e(n),i=r.data("tooltipster-ns");e.each(i,function(e,t){var n=r.data(t),i=n.status(),s=n.option("autoClose");if(i!=="hidden"&&i!=="disappearing"&&s){n.hide()}})})}var i=function(){r.Status="shown";e.each(r.callbacks.show,function(e,t){t.call(r.$el)});r.callbacks.show=[]};if(r.Status!=="hidden"){var s=0;if(r.Status==="disappearing"){r.Status="appearing";if(l()){r.$tooltip.clearQueue().removeClass("tooltipster-dying").addClass("tooltipster-"+r.options.animation+"-show");if(r.options.speed>0)r.$tooltip.delay(r.options.speed);r.$tooltip.queue(i)}else{r.$tooltip.stop().fadeIn(i)}}else if(r.Status==="shown"){i()}}else{r.Status="appearing";var s=r.options.speed;r.bodyOverflowX=e("body").css("overflow-x");e("body").css("overflow-x","hidden");var o="tooltipster-"+r.options.animation,a="-webkit-transition-duration: "+r.options.speed+"ms; -webkit-animation-duration: "+r.options.speed+"ms; -moz-transition-duration: "+r.options.speed+"ms; -moz-animation-duration: "+r.options.speed+"ms; -o-transition-duration: "+r.options.speed+"ms; -o-animation-duration: "+r.options.speed+"ms; -ms-transition-duration: "+r.options.speed+"ms; -ms-animation-duration: "+r.options.speed+"ms; transition-duration: "+r.options.speed+"ms; animation-duration: "+r.options.speed+"ms;",f=r.options.minWidth?"min-width:"+Math.round(r.options.minWidth)+"px;":"",c=r.options.maxWidth?"max-width:"+Math.round(r.options.maxWidth)+"px;":"",h=r.options.interactive?"pointer-events: auto;":"";r.$tooltip=e('<div class="tooltipster-base '+r.options.theme+'" style="'+f+" "+c+" "+h+" "+a+'"><div class="tooltipster-content"></div></div>');if(l())r.$tooltip.addClass(o);r._content_insert();r.$tooltip.appendTo("body");r.reposition();r.options.functionReady.call(r.$el,r.$el,r.$tooltip);if(l()){r.$tooltip.addClass(o+"-show");if(r.options.speed>0)r.$tooltip.delay(r.options.speed);r.$tooltip.queue(i)}else{r.$tooltip.css("display","none").fadeIn(r.options.speed,i)}r._interval_set();e(t).on("scroll."+r.namespace+" resize."+r.namespace,function(){r.reposition()});if(r.options.autoClose){e("body").off("."+r.namespace);if(r.options.trigger=="hover"){if(u){setTimeout(function(){e("body").on("touchstart."+r.namespace,function(){r.hide()})},0)}if(r.options.interactive){if(u){r.$tooltip.on("touchstart."+r.namespace,function(e){e.stopPropagation()})}var p=null;r.$elProxy.add(r.$tooltip).on("mouseleave."+r.namespace+"-autoClose",function(){clearTimeout(p);p=setTimeout(function(){r.hide()},r.options.interactiveTolerance)}).on("mouseenter."+r.namespace+"-autoClose",function(){clearTimeout(p)})}else{r.$elProxy.on("mouseleave."+r.namespace+"-autoClose",function(){r.hide()})}if(r.options.hideOnClick){r.$elProxy.on("click."+r.namespace+"-autoClose",function(){r.hide()})}}else if(r.options.trigger=="click"){setTimeout(function(){e("body").on("click."+r.namespace+" touchstart."+r.namespace,function(){r.hide()})},0);if(r.options.interactive){r.$tooltip.on("click."+r.namespace+" touchstart."+r.namespace,function(e){e.stopPropagation()})}}}}if(r.options.timer>0){r.timerHide=setTimeout(function(){r.timerHide=null;r.hide()},r.options.timer+s)}}})},_interval_set:function(){var t=this;t.checkInterval=setInterval(function(){if(e("body").find(t.$el).length===0||e("body").find(t.$elProxy).length===0||t.Status=="hidden"||e("body").find(t.$tooltip).length===0){if(t.Status=="shown"||t.Status=="appearing")t.hide();t._interval_cancel()}else{if(t.options.positionTracker){var n=t._repositionInfo(t.$elProxy),r=false;if(o(n.dimension,t.elProxyPosition.dimension)){if(t.$elProxy.css("position")==="fixed"){if(o(n.position,t.elProxyPosition.position))r=true}else{if(o(n.offset,t.elProxyPosition.offset))r=true}}if(!r){t.reposition();t.options.positionTrackerCallback.call(t,t.$el)}}}},200)},_interval_cancel:function(){clearInterval(this.checkInterval);this.checkInterval=null},_content_set:function(e){if(typeof e==="object"&&e!==null&&this.options.contentCloning){e=e.clone(true)}this.Content=e},_content_insert:function(){var e=this,t=this.$tooltip.find(".tooltipster-content");if(typeof e.Content==="string"&&!e.options.contentAsHTML){t.text(e.Content)}else{t.empty().append(e.Content)}},_update:function(e){var t=this;t._content_set(e);if(t.Content!==null){if(t.Status!=="hidden"){t._content_insert();t.reposition();if(t.options.updateAnimation){if(l()){t.$tooltip.css({width:"","-webkit-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms","-moz-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms","-o-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms","-ms-transition":"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms",transition:"all "+t.options.speed+"ms, width 0ms, height 0ms, left 0ms, top 0ms"}).addClass("tooltipster-content-changing");setTimeout(function(){if(t.Status!="hidden"){t.$tooltip.removeClass("tooltipster-content-changing");setTimeout(function(){if(t.Status!=="hidden"){t.$tooltip.css({"-webkit-transition":t.options.speed+"ms","-moz-transition":t.options.speed+"ms","-o-transition":t.options.speed+"ms","-ms-transition":t.options.speed+"ms",transition:t.options.speed+"ms"})}},t.options.speed)}},t.options.speed)}else{t.$tooltip.fadeTo(t.options.speed,.5,function(){if(t.Status!="hidden"){t.$tooltip.fadeTo(t.options.speed,1)}})}}}}else{t.hide()}},_repositionInfo:function(e){return{dimension:{height:e.outerHeight(false),width:e.outerWidth(false)},offset:e.offset(),position:{left:parseInt(e.css("left")),top:parseInt(e.css("top"))}}},hide:function(n){var r=this;if(n)r.callbacks.hide.push(n);r.callbacks.show=[];clearTimeout(r.timerShow);r.timerShow=null;clearTimeout(r.timerHide);r.timerHide=null;var i=function(){e.each(r.callbacks.hide,function(e,t){t.call(r.$el)});r.callbacks.hide=[]};if(r.Status=="shown"||r.Status=="appearing"){r.Status="disappearing";var s=function(){r.Status="hidden";if(typeof r.Content=="object"&&r.Content!==null){r.Content.detach()}r.$tooltip.remove();r.$tooltip=null;e(t).off("."+r.namespace);e("body").off("."+r.namespace).css("overflow-x",r.bodyOverflowX);e("body").off("."+r.namespace);r.$elProxy.off("."+r.namespace+"-autoClose");r.options.functionAfter.call(r.$el,r.$el);i()};if(l()){r.$tooltip.clearQueue().removeClass("tooltipster-"+r.options.animation+"-show").addClass("tooltipster-dying");if(r.options.speed>0)r.$tooltip.delay(r.options.speed);r.$tooltip.queue(s)}else{r.$tooltip.stop().fadeOut(r.options.speed,s)}}else if(r.Status=="hidden"){i()}return r},show:function(e){this._showNow(e);return this},update:function(e){return this.content(e)},content:function(e){if(typeof e==="undefined"){return this.Content}else{this._update(e);return this}},reposition:function(){var n=this;if(e("body").find(n.$tooltip).length!==0){n.$tooltip.css("width","");n.elProxyPosition=n._repositionInfo(n.$elProxy);var r=null,i=e(t).width(),s=n.elProxyPosition,o=n.$tooltip.outerWidth(false),u=n.$tooltip.innerWidth()+1,a=n.$tooltip.outerHeight(false);if(n.$elProxy.is("area")){var f=n.$elProxy.attr("shape"),l=n.$elProxy.parent().attr("name"),c=e('img[usemap="#'+l+'"]'),h=c.offset().left,p=c.offset().top,d=n.$elProxy.attr("coords")!==undefined?n.$elProxy.attr("coords").split(","):undefined;if(f=="circle"){var v=parseInt(d[0]),m=parseInt(d[1]),g=parseInt(d[2]);s.dimension.height=g*2;s.dimension.width=g*2;s.offset.top=p+m-g;s.offset.left=h+v-g}else if(f=="rect"){var v=parseInt(d[0]),m=parseInt(d[1]),y=parseInt(d[2]),b=parseInt(d[3]);s.dimension.height=b-m;s.dimension.width=y-v;s.offset.top=p+m;s.offset.left=h+v}else if(f=="poly"){var w=[],E=[],S=0,x=0,T=0,N=0,C="even";for(var k=0;k<d.length;k++){var L=parseInt(d[k]);if(C=="even"){if(L>T){T=L;if(k===0){S=T}}if(L<S){S=L}C="odd"}else{if(L>N){N=L;if(k==1){x=N}}if(L<x){x=L}C="even"}}s.dimension.height=N-x;s.dimension.width=T-S;s.offset.top=p+x;s.offset.left=h+S}else{s.dimension.height=c.outerHeight(false);s.dimension.width=c.outerWidth(false);s.offset.top=p;s.offset.left=h}}var A=0,O=0,M=0,_=parseInt(n.options.offsetY),D=parseInt(n.options.offsetX),P=n.options.position;function H(){var n=e(t).scrollLeft();if(A-n<0){r=A-n;A=n}if(A+o-n>i){r=A-(i+n-o);A=i+n-o}}function B(n,r){if(s.offset.top-e(t).scrollTop()-a-_-12<0&&r.indexOf("top")>-1){P=n}if(s.offset.top+s.dimension.height+a+12+_>e(t).scrollTop()+e(t).height()&&r.indexOf("bottom")>-1){P=n;M=s.offset.top-a-_-12}}if(P=="top"){var j=s.offset.left+o-(s.offset.left+s.dimension.width);A=s.offset.left+D-j/2;M=s.offset.top-a-_-12;H();B("bottom","top")}if(P=="top-left"){A=s.offset.left+D;M=s.offset.top-a-_-12;H();B("bottom-left","top-left")}if(P=="top-right"){A=s.offset.left+s.dimension.width+D-o;M=s.offset.top-a-_-12;H();B("bottom-right","top-right")}if(P=="bottom"){var j=s.offset.left+o-(s.offset.left+s.dimension.width);A=s.offset.left-j/2+D;M=s.offset.top+s.dimension.height+_+12;H();B("top","bottom")}if(P=="bottom-left"){A=s.offset.left+D;M=s.offset.top+s.dimension.height+_+12;H();B("top-left","bottom-left")}if(P=="bottom-right"){A=s.offset.left+s.dimension.width+D-o;M=s.offset.top+s.dimension.height+_+12;H();B("top-right","bottom-right")}if(P=="left"){A=s.offset.left-D-o-12;O=s.offset.left+D+s.dimension.width+12;var F=s.offset.top+a-(s.offset.top+s.dimension.height);M=s.offset.top-F/2-_;if(A<0&&O+o>i){var I=parseFloat(n.$tooltip.css("border-width"))*2,q=o+A-I;n.$tooltip.css("width",q+"px");a=n.$tooltip.outerHeight(false);A=s.offset.left-D-q-12-I;F=s.offset.top+a-(s.offset.top+s.dimension.height);M=s.offset.top-F/2-_}else if(A<0){A=s.offset.left+D+s.dimension.width+12;r="left"}}if(P=="right"){A=s.offset.left+D+s.dimension.width+12;O=s.offset.left-D-o-12;var F=s.offset.top+a-(s.offset.top+s.dimension.height);M=s.offset.top-F/2-_;if(A+o>i&&O<0){var I=parseFloat(n.$tooltip.css("border-width"))*2,q=i-A-I;n.$tooltip.css("width",q+"px");a=n.$tooltip.outerHeight(false);F=s.offset.top+a-(s.offset.top+s.dimension.height);M=s.offset.top-F/2-_}else if(A+o>i){A=s.offset.left-D-o-12;r="right"}}if(n.options.arrow){var R="tooltipster-arrow-"+P;if(n.options.arrowColor.length<1){var U=n.$tooltip.css("background-color")}else{var U=n.options.arrowColor}if(!r){r=""}else if(r=="left"){R="tooltipster-arrow-right";r=""}else if(r=="right"){R="tooltipster-arrow-left";r=""}else{r="left:"+Math.round(r)+"px;"}if(P=="top"||P=="top-left"||P=="top-right"){var z=parseFloat(n.$tooltip.css("border-bottom-width")),W=n.$tooltip.css("border-bottom-color")}else if(P=="bottom"||P=="bottom-left"||P=="bottom-right"){var z=parseFloat(n.$tooltip.css("border-top-width")),W=n.$tooltip.css("border-top-color")}else if(P=="left"){var z=parseFloat(n.$tooltip.css("border-right-width")),W=n.$tooltip.css("border-right-color")}else if(P=="right"){var z=parseFloat(n.$tooltip.css("border-left-width")),W=n.$tooltip.css("border-left-color")}else{var z=parseFloat(n.$tooltip.css("border-bottom-width")),W=n.$tooltip.css("border-bottom-color")}if(z>1){z++}var X="";if(z!==0){var V="",J="border-color: "+W+";";if(R.indexOf("bottom")!==-1){V="margin-top: -"+Math.round(z)+"px;"}else if(R.indexOf("top")!==-1){V="margin-bottom: -"+Math.round(z)+"px;"}else if(R.indexOf("left")!==-1){V="margin-right: -"+Math.round(z)+"px;"}else if(R.indexOf("right")!==-1){V="margin-left: -"+Math.round(z)+"px;"}X='<span class="tooltipster-arrow-border" style="'+V+" "+J+';"></span>'}n.$tooltip.find(".tooltipster-arrow").remove();var K='<div class="'+R+' tooltipster-arrow" style="'+r+'">'+X+'<span style="border-color:'+U+';"></span></div>';n.$tooltip.append(K)}n.$tooltip.css({top:Math.round(M)+"px",left:Math.round(A)+"px"})}return n},enable:function(){this.enabled=true;return this},disable:function(){this.hide();this.enabled=false;return this},destroy:function(){var t=this;t.hide();if(t.$el[0]!==t.$elProxy[0]){t.$elProxy.remove()}t.$el.removeData(t.namespace).off("."+t.namespace);var n=t.$el.data("tooltipster-ns");if(n.length===1){var r=null;if(t.options.restoration==="previous"){r=t.$el.data("tooltipster-initialTitle")}else if(t.options.restoration==="current"){r=typeof t.Content==="string"?t.Content:e("<div></div>").append(t.Content).html()}if(r){t.$el.attr("title",r)}t.$el.removeClass("tooltipstered").removeData("tooltipster-ns").removeData("tooltipster-initialTitle")}else{n=e.grep(n,function(e,n){return e!==t.namespace});t.$el.data("tooltipster-ns",n)}return t},elementIcon:function(){return this.$el[0]!==this.$elProxy[0]?this.$elProxy[0]:undefined},elementTooltip:function(){return this.$tooltip?this.$tooltip[0]:undefined},option:function(e,t){if(typeof t=="undefined")return this.options[e];else{this.options[e]=t;return this}},status:function(){return this.Status}};e.fn[r]=function(){var t=arguments;if(this.length===0){if(typeof t[0]==="string"){var n=true;switch(t[0]){case"setDefaults":e.extend(i,t[1]);break;default:n=false;break}if(n)return true;else return this}else{return this}}else{if(typeof t[0]==="string"){var r="#*$~&";this.each(function(){var n=e(this).data("tooltipster-ns"),i=n?e(this).data(n[0]):null;if(i){if(typeof i[t[0]]==="function"){var s=i[t[0]](t[1],t[2])}else{throw new Error('Unknown method .tooltipster("'+t[0]+'")')}if(s!==i){r=s;return false}}else{throw new Error("You called Tooltipster's \""+t[0]+'" method on an uninitialized element')}});return r!=="#*$~&"?r:this}else{var o=[],u=t[0]&&typeof t[0].multiple!=="undefined",a=u&&t[0].multiple||!u&&i.multiple,f=t[0]&&typeof t[0].debug!=="undefined",l=f&&t[0].debug||!f&&i.debug;this.each(function(){var n=false,r=e(this).data("tooltipster-ns"),i=null;if(!r){n=true}else if(a){n=true}else if(l){console.log('Tooltipster: one or more tooltips are already attached to this element: ignoring. Use the "multiple" option to attach more tooltips.')}if(n){i=new s(this,t[0]);if(!r)r=[];r.push(i.namespace);e(this).data("tooltipster-ns",r);e(this).data(i.namespace,i)}o.push(i)});if(a)return o;else return this}}};var u=!!("ontouchstart"in t);var a=false;e("body").one("mousemove",function(){a=true})})(jQuery,window,document);
\ No newline at end of file
index 0a84e88..2f6f232 100644 (file)
@@ -255,6 +255,20 @@ namespace("kivi", function(ns) {
       $(elt).tooltip();
     });
 
+    ns.run_once_for('.tooltipster', 'tooltipster', function(elt) {
+      $(elt).tooltipster({
+        contentAsHTML: false,
+        theme: 'tooltipster-light'
+      })
+    });
+
+    ns.run_once_for('.tooltipster-html', 'tooltipster-html', function(elt) {
+      $(elt).tooltipster({
+        contentAsHTML: true,
+        theme: 'tooltipster-light'
+      })
+    });
+
     ns.run_once_for('.tabwidget', 'tabwidget', kivi.init_tabwidget);
     ns.run_once_for('.texteditor', 'texteditor', kivi.init_text_editor);
   };
diff --git a/js/wz_tooltip.js b/js/wz_tooltip.js
deleted file mode 100644 (file)
index 01f55f2..0000000
+++ /dev/null
@@ -1,1301 +0,0 @@
-/* This notice must be untouched at all times.
-Copyright (c) 2002-2008 Walter Zorn. All rights reserved.
-
-wz_tooltip.js   v. 5.31
-
-The latest version is available at
-http://www.walterzorn.com
-or http://www.devira.com
-or http://www.walterzorn.de
-
-Created 1.12.2002 by Walter Zorn (Web: http://www.walterzorn.com )
-Last modified: 7.11.2008
-
-Easy-to-use cross-browser tooltips.
-Just include the script at the beginning of the <body> section, and invoke
-Tip('Tooltip text') to show and UnTip() to hide the tooltip, from the desired
-HTML eventhandlers. Example:
-<a onmouseover="Tip('Some text')" onmouseout="UnTip()" href="index.htm">My home page</a>
-No container DIV required.
-By default, width and height of tooltips are automatically adapted to content.
-Is even capable of dynamically converting arbitrary HTML elements to tooltips
-by calling TagToTip('ID_of_HTML_element_to_be_converted') instead of Tip(),
-which means you can put important, search-engine-relevant stuff into tooltips.
-Appearance & behaviour of tooltips can be individually configured
-via commands passed to Tip() or TagToTip().
-
-Tab Width: 4
-LICENSE: LGPL
-
-This library is free software; you can redistribute it and/or
-modify it under the terms of the GNU Lesser General Public
-License (LGPL) as published by the Free Software Foundation; either
-version 2.1 of the License, or (at your option) any later version.
-
-This library is distributed in the hope that it will be useful,
-but WITHOUT ANY WARRANTY; without even the implied warranty of
-MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
-
-For more details on the GNU Lesser General Public License,
-see http://www.gnu.org/copyleft/lesser.html
-*/
-
-var config = new Object();
-
-
-//===================  GLOBAL TOOLTIP CONFIGURATION  =========================//
-var tt_Debug   = true          // false or true - recommended: false once you release your page to the public
-var tt_Enabled = true          // Allows to (temporarily) suppress tooltips, e.g. by providing the user with a button that sets this global variable to false
-var TagsToTip  = true          // false or true - if true, HTML elements to be converted to tooltips via TagToTip() are automatically hidden;
-                                                       // if false, you should hide those HTML elements yourself
-
-// For each of the following config variables there exists a command, which is
-// just the variablename in uppercase, to be passed to Tip() or TagToTip() to
-// configure tooltips individually. Individual commands override global
-// configuration. Order of commands is arbitrary.
-// Example: onmouseover="Tip('Tooltip text', LEFT, true, BGCOLOR, '#FF9900', FADEIN, 400)"
-
-config. Above                  = false         // false or true - tooltip above mousepointer
-config. BgColor                        = '#E2E7FF'     // Background colour (HTML colour value, in quotes)
-config. BgImg                  = ''            // Path to background image, none if empty string ''
-config. BorderColor            = '#003099'
-config. BorderStyle            = 'solid'       // Any permitted CSS value, but I recommend 'solid', 'dotted' or 'dashed'
-config. BorderWidth            = 1
-config. CenterMouse            = false         // false or true - center the tip horizontally below (or above) the mousepointer
-config. ClickClose             = false         // false or true - close tooltip if the user clicks somewhere
-config. ClickSticky            = false         // false or true - make tooltip sticky if user left-clicks on the hovered element while the tooltip is active
-config. CloseBtn               = false         // false or true - closebutton in titlebar
-config. CloseBtnColors = ['#990000', '#FFFFFF', '#DD3333', '#FFFFFF']  // [Background, text, hovered background, hovered text] - use empty strings '' to inherit title colours
-config. CloseBtnText   = '&nbsp;X&nbsp;'       // Close button text (may also be an image tag)
-config. CopyContent            = true          // When converting a HTML element to a tooltip, copy only the element's content, rather than converting the element by its own
-config. Delay                  = 400           // Time span in ms until tooltip shows up
-config. Duration               = 0                     // Time span in ms after which the tooltip disappears; 0 for infinite duration, < 0 for delay in ms _after_ the onmouseout until the tooltip disappears
-config. Exclusive              = false         // false or true - no other tooltip can appear until the current one has actively been closed
-config. FadeIn                 = 100           // Fade-in duration in ms, e.g. 400; 0 for no animation
-config. FadeOut                        = 100
-config. FadeInterval   = 30            // Duration of each fade step in ms (recommended: 30) - shorter is smoother but causes more CPU-load
-config. Fix                            = null          // Fixated position, two modes. Mode 1: x- an y-coordinates in brackets, e.g. [210, 480]. Mode 2: Show tooltip at a position related to an HTML element: [ID of HTML element, x-offset, y-offset from HTML element], e.g. ['SomeID', 10, 30]. Value null (default) for no fixated positioning.
-config. FollowMouse            = true          // false or true - tooltip follows the mouse
-config. FontColor              = '#000044'
-config. FontFace               = 'Verdana,Geneva,sans-serif'
-config. FontSize               = '8pt'         // E.g. '9pt' or '12px' - unit is mandatory
-config. FontWeight             = 'normal'      // 'normal' or 'bold';
-config. Height                 = 0                     // Tooltip height; 0 for automatic adaption to tooltip content, < 0 (e.g. -100) for a maximum for automatic adaption
-config. JumpHorz               = false         // false or true - jump horizontally to other side of mouse if tooltip would extend past clientarea boundary
-config. JumpVert               = true          // false or true - jump vertically              "
-config. Left                   = false         // false or true - tooltip on the left of the mouse
-config. OffsetX                        = 14            // Horizontal offset of left-top corner from mousepointer
-config. OffsetY                        = 8                     // Vertical offset
-config. Opacity                        = 100           // Integer between 0 and 100 - opacity of tooltip in percent
-config. Padding                        = 3                     // Spacing between border and content
-config. Shadow                 = false         // false or true
-config. ShadowColor            = '#C0C0C0'
-config. ShadowWidth            = 5
-config. Sticky                 = false         // false or true - fixate tip, ie. don't follow the mouse and don't hide on mouseout
-config. TextAlign              = 'left'        // 'left', 'right' or 'justify'
-config. Title                  = ''            // Default title text applied to all tips (no default title: empty string '')
-config. TitleAlign             = 'left'        // 'left' or 'right' - text alignment inside the title bar
-config. TitleBgColor   = ''            // If empty string '', BorderColor will be used
-config. TitleFontColor = '#FFFFFF'     // Color of title text - if '', BgColor (of tooltip body) will be used
-config. TitleFontFace  = ''            // If '' use FontFace (boldified)
-config. TitleFontSize  = ''            // If '' use FontSize
-config. TitlePadding   = 2
-config. Width                  = 0                     // Tooltip width; 0 for automatic adaption to tooltip content; < -1 (e.g. -240) for a maximum width for that automatic adaption;
-                                                                       // -1: tooltip width confined to the width required for the titlebar
-//=======  END OF TOOLTIP CONFIG, DO NOT CHANGE ANYTHING BELOW  ==============//
-
-
-
-
-//=====================  PUBLIC  =============================================//
-function Tip()
-{
-       tt_Tip(arguments, null);
-}
-function TagToTip()
-{
-       var t2t = tt_GetElt(arguments[0]);
-       if(t2t)
-               tt_Tip(arguments, t2t);
-}
-function UnTip()
-{
-       tt_OpReHref();
-       if(tt_aV[DURATION] < 0 && (tt_iState & 0x2))
-               tt_tDurt.Timer("tt_HideInit()", -tt_aV[DURATION], true);
-       else if(!(tt_aV[STICKY] && (tt_iState & 0x2)))
-               tt_HideInit();
-}
-
-//==================  PUBLIC PLUGIN API         =====================================//
-// Extension eventhandlers currently supported:
-// OnLoadConfig, OnCreateContentString, OnSubDivsCreated, OnShow, OnMoveBefore,
-// OnMoveAfter, OnHideInit, OnHide, OnKill
-
-var tt_aElt = new Array(10), // Container DIV, outer title & body DIVs, inner title & body TDs, closebutton SPAN, shadow DIVs, and IFRAME to cover windowed elements in IE
-tt_aV = new Array(),   // Caches and enumerates config data for currently active tooltip
-tt_sContent,                   // Inner tooltip text or HTML
-tt_t2t, tt_t2tDad,             // Tag converted to tip, and its DOM parent element
-tt_musX, tt_musY,
-tt_over,
-tt_x, tt_y, tt_w, tt_h; // Position, width and height of currently displayed tooltip
-
-function tt_Extension()
-{
-       tt_ExtCmdEnum();
-       tt_aExt[tt_aExt.length] = this;
-       return this;
-}
-function tt_SetTipPos(x, y)
-{
-       var css = tt_aElt[0].style;
-
-       tt_x = x;
-       tt_y = y;
-       css.left = x + "px";
-       css.top = y + "px";
-       if(tt_ie56)
-       {
-               var ifrm = tt_aElt[tt_aElt.length - 1];
-               if(ifrm)
-               {
-                       ifrm.style.left = css.left;
-                       ifrm.style.top = css.top;
-               }
-       }
-}
-function tt_HideInit()
-{
-       if(tt_iState)
-       {
-               tt_ExtCallFncs(0, "HideInit");
-               tt_iState &= ~(0x4 | 0x8);
-               if(tt_flagOpa && tt_aV[FADEOUT])
-               {
-                       tt_tFade.EndTimer();
-                       if(tt_opa)
-                       {
-                               var n = Math.round(tt_aV[FADEOUT] / (tt_aV[FADEINTERVAL] * (tt_aV[OPACITY] / tt_opa)));
-                               tt_Fade(tt_opa, tt_opa, 0, n);
-                               return;
-                       }
-               }
-               tt_tHide.Timer("tt_Hide();", 1, false);
-       }
-}
-function tt_Hide()
-{
-       if(tt_db && tt_iState)
-       {
-               tt_OpReHref();
-               if(tt_iState & 0x2)
-               {
-                       tt_aElt[0].style.visibility = "hidden";
-                       tt_ExtCallFncs(0, "Hide");
-               }
-               tt_tShow.EndTimer();
-               tt_tHide.EndTimer();
-               tt_tDurt.EndTimer();
-               tt_tFade.EndTimer();
-               if(!tt_op && !tt_ie)
-               {
-                       tt_tWaitMov.EndTimer();
-                       tt_bWait = false;
-               }
-               if(tt_aV[CLICKCLOSE] || tt_aV[CLICKSTICKY])
-                       tt_RemEvtFnc(document, "mouseup", tt_OnLClick);
-               tt_ExtCallFncs(0, "Kill");
-               // In case of a TagToTip tip, hide converted DOM node and
-               // re-insert it into DOM
-               if(tt_t2t && !tt_aV[COPYCONTENT])
-                       tt_UnEl2Tip();
-               tt_iState = 0;
-               tt_over = null;
-               tt_ResetMainDiv();
-               if(tt_aElt[tt_aElt.length - 1])
-                       tt_aElt[tt_aElt.length - 1].style.display = "none";
-       }
-}
-function tt_GetElt(id)
-{
-       return(document.getElementById ? document.getElementById(id)
-                       : document.all ? document.all[id]
-                       : null);
-}
-function tt_GetDivW(el)
-{
-       return(el ? (el.offsetWidth || el.style.pixelWidth || 0) : 0);
-}
-function tt_GetDivH(el)
-{
-       return(el ? (el.offsetHeight || el.style.pixelHeight || 0) : 0);
-}
-function tt_GetScrollX()
-{
-       return(window.pageXOffset || (tt_db ? (tt_db.scrollLeft || 0) : 0));
-}
-function tt_GetScrollY()
-{
-       return(window.pageYOffset || (tt_db ? (tt_db.scrollTop || 0) : 0));
-}
-function tt_GetClientW()
-{
-       return tt_GetWndCliSiz("Width");
-}
-function tt_GetClientH()
-{
-       return tt_GetWndCliSiz("Height");
-}
-function tt_GetEvtX(e)
-{
-       return (e ? ((typeof(e.pageX) != tt_u) ? e.pageX : (e.clientX + tt_GetScrollX())) : 0);
-}
-function tt_GetEvtY(e)
-{
-       return (e ? ((typeof(e.pageY) != tt_u) ? e.pageY : (e.clientY + tt_GetScrollY())) : 0);
-}
-function tt_AddEvtFnc(el, sEvt, PFnc)
-{
-       if(el)
-       {
-               if(el.addEventListener)
-                       el.addEventListener(sEvt, PFnc, false);
-               else
-                       el.attachEvent("on" + sEvt, PFnc);
-       }
-}
-function tt_RemEvtFnc(el, sEvt, PFnc)
-{
-       if(el)
-       {
-               if(el.removeEventListener)
-                       el.removeEventListener(sEvt, PFnc, false);
-               else
-                       el.detachEvent("on" + sEvt, PFnc);
-       }
-}
-function tt_GetDad(el)
-{
-       return(el.parentNode || el.parentElement || el.offsetParent);
-}
-function tt_MovDomNode(el, dadFrom, dadTo)
-{
-       if(dadFrom)
-               dadFrom.removeChild(el);
-       if(dadTo)
-               dadTo.appendChild(el);
-}
-
-//======================  PRIVATE  ===========================================//
-var tt_aExt = new Array(),     // Array of extension objects
-
-tt_db, tt_op, tt_ie, tt_ie56, tt_bBoxOld,      // Browser flags
-tt_body,
-tt_ovr_,                               // HTML element the mouse is currently over
-tt_flagOpa,                            // Opacity support: 1=IE, 2=Khtml, 3=KHTML, 4=Moz, 5=W3C
-tt_maxPosX, tt_maxPosY,
-tt_iState = 0,                 // Tooltip active |= 1, shown |= 2, move with mouse |= 4, exclusive |= 8
-tt_opa,                                        // Currently applied opacity
-tt_bJmpVert, tt_bJmpHorz,// Tip temporarily on other side of mouse
-tt_elDeHref,                   // The tag from which we've removed the href attribute
-// Timer
-tt_tShow = new Number(0), tt_tHide = new Number(0), tt_tDurt = new Number(0),
-tt_tFade = new Number(0), tt_tWaitMov = new Number(0),
-tt_bWait = false,
-tt_u = "undefined";
-
-
-function tt_Init()
-{
-       tt_MkCmdEnum();
-       // Send old browsers instantly to hell
-       if(!tt_Browser() || !tt_MkMainDiv())
-               return;
-       tt_IsW3cBox();
-       tt_OpaSupport();
-       tt_AddEvtFnc(document, "mousemove", tt_Move);
-       // In Debug mode we search for TagToTip() calls in order to notify
-       // the user if they've forgotten to set the TagsToTip config flag
-       if(TagsToTip || tt_Debug)
-               tt_SetOnloadFnc();
-       // Ensure the tip be hidden when the page unloads
-       tt_AddEvtFnc(window, "unload", tt_Hide);
-}
-// Creates command names by translating config variable names to upper case
-function tt_MkCmdEnum()
-{
-       var n = 0;
-       for(var i in config)
-               eval("window." + i.toString().toUpperCase() + " = " + n++);
-       tt_aV.length = n;
-}
-function tt_Browser()
-{
-       var n, nv, n6, w3c;
-
-       n = navigator.userAgent.toLowerCase(),
-       nv = navigator.appVersion;
-       tt_op = (document.defaultView && typeof(eval("w" + "indow" + "." + "o" + "p" + "er" + "a")) != tt_u);
-       tt_ie = n.indexOf("msie") != -1 && document.all && !tt_op;
-       if(tt_ie)
-       {
-               var ieOld = (!document.compatMode || document.compatMode == "BackCompat");
-               tt_db = !ieOld ? document.documentElement : (document.body || null);
-               if(tt_db)
-                       tt_ie56 = parseFloat(nv.substring(nv.indexOf("MSIE") + 5)) >= 5.5
-                                       && typeof document.body.style.maxHeight == tt_u;
-       }
-       else
-       {
-               tt_db = document.documentElement || document.body ||
-                               (document.getElementsByTagName ? document.getElementsByTagName("body")[0]
-                               : null);
-               if(!tt_op)
-               {
-                       n6 = document.defaultView && typeof document.defaultView.getComputedStyle != tt_u;
-                       w3c = !n6 && document.getElementById;
-               }
-       }
-       tt_body = (document.getElementsByTagName ? document.getElementsByTagName("body")[0]
-                               : (document.body || null));
-       if(tt_ie || n6 || tt_op || w3c)
-       {
-               if(tt_body && tt_db)
-               {
-                       if(document.attachEvent || document.addEventListener)
-                               return true;
-               }
-               else
-                       tt_Err("wz_tooltip.js must be included INSIDE the body section,"
-                                       + " immediately after the opening <body> tag.", false);
-       }
-       tt_db = null;
-       return false;
-}
-function tt_MkMainDiv()
-{
-       // Create the tooltip DIV
-       if(tt_body.insertAdjacentHTML)
-               tt_body.insertAdjacentHTML("afterBegin", tt_MkMainDivHtm());
-       else if(typeof tt_body.innerHTML != tt_u && document.createElement && tt_body.appendChild)
-               tt_body.appendChild(tt_MkMainDivDom());
-       if(window.tt_GetMainDivRefs /* FireFox Alzheimer */ && tt_GetMainDivRefs())
-               return true;
-       tt_db = null;
-       return false;
-}
-function tt_MkMainDivHtm()
-{
-       return(
-               '<div id="WzTtDiV"></div>' +
-               (tt_ie56 ? ('<iframe id="WzTtIfRm" src="javascript:false" scrolling="no" frameborder="0" style="filter:Alpha(opacity=0);position:absolute;top:0px;left:0px;display:none;"></iframe>')
-               : '')
-       );
-}
-function tt_MkMainDivDom()
-{
-       var el = document.createElement("div");
-       if(el)
-               el.id = "WzTtDiV";
-       return el;
-}
-function tt_GetMainDivRefs()
-{
-       tt_aElt[0] = tt_GetElt("WzTtDiV");
-       if(tt_ie56 && tt_aElt[0])
-       {
-               tt_aElt[tt_aElt.length - 1] = tt_GetElt("WzTtIfRm");
-               if(!tt_aElt[tt_aElt.length - 1])
-                       tt_aElt[0] = null;
-       }
-       if(tt_aElt[0])
-       {
-               var css = tt_aElt[0].style;
-
-               css.visibility = "hidden";
-               css.position = "absolute";
-               css.overflow = "hidden";
-               return true;
-       }
-       return false;
-}
-function tt_ResetMainDiv()
-{
-       tt_SetTipPos(0, 0);
-       tt_aElt[0].innerHTML = "";
-       tt_aElt[0].style.width = "0px";
-       tt_h = 0;
-}
-function tt_IsW3cBox()
-{
-       var css = tt_aElt[0].style;
-
-       css.padding = "10px";
-       css.width = "40px";
-       tt_bBoxOld = (tt_GetDivW(tt_aElt[0]) == 40);
-       css.padding = "0px";
-       tt_ResetMainDiv();
-}
-function tt_OpaSupport()
-{
-       var css = tt_body.style;
-
-       tt_flagOpa = (typeof(css.KhtmlOpacity) != tt_u) ? 2
-                               : (typeof(css.KHTMLOpacity) != tt_u) ? 3
-                               : (typeof(css.MozOpacity) != tt_u) ? 4
-                               : (typeof(css.opacity) != tt_u) ? 5
-                               : (typeof(css.filter) != tt_u) ? 1
-                               : 0;
-}
-// Ported from http://dean.edwards.name/weblog/2006/06/again/
-// (Dean Edwards et al.)
-function tt_SetOnloadFnc()
-{
-       tt_AddEvtFnc(document, "DOMContentLoaded", tt_HideSrcTags);
-       tt_AddEvtFnc(window, "load", tt_HideSrcTags);
-       if(tt_body.attachEvent)
-               tt_body.attachEvent("onreadystatechange",
-                       function() {
-                               if(tt_body.readyState == "complete")
-                                       tt_HideSrcTags();
-                       } );
-       if(/WebKit|KHTML/i.test(navigator.userAgent))
-       {
-               var t = setInterval(function() {
-                                       if(/loaded|complete/.test(document.readyState))
-                                       {
-                                               clearInterval(t);
-                                               tt_HideSrcTags();
-                                       }
-                               }, 10);
-       }
-}
-function tt_HideSrcTags()
-{
-       if(!window.tt_HideSrcTags || window.tt_HideSrcTags.done)
-               return;
-       window.tt_HideSrcTags.done = true;
-       if(!tt_HideSrcTagsRecurs(tt_body))
-               tt_Err("There are HTML elements to be converted to tooltips.\nIf you"
-                               + " want these HTML elements to be automatically hidden, you"
-                               + " must edit wz_tooltip.js, and set TagsToTip in the global"
-                               + " tooltip configuration to true.", true);
-}
-function tt_HideSrcTagsRecurs(dad)
-{
-       var ovr, asT2t;
-       // Walk the DOM tree for tags that have an onmouseover or onclick attribute
-       // containing a TagToTip('...') call.
-       // (.childNodes first since .children is bugous in Safari)
-       var a = dad.childNodes || dad.children || null;
-
-       for(var i = a ? a.length : 0; i;)
-       {--i;
-               if(!tt_HideSrcTagsRecurs(a[i]))
-                       return false;
-               ovr = a[i].getAttribute ? (a[i].getAttribute("onmouseover") || a[i].getAttribute("onclick"))
-                               : (typeof a[i].onmouseover == "function") ? (a[i].onmouseover || a[i].onclick)
-                               : null;
-               if(ovr)
-               {
-                       asT2t = ovr.toString().match(/TagToTip\s*\(\s*'[^'.]+'\s*[\),]/);
-                       if(asT2t && asT2t.length)
-                       {
-                               if(!tt_HideSrcTag(asT2t[0]))
-                                       return false;
-                       }
-               }
-       }
-       return true;
-}
-function tt_HideSrcTag(sT2t)
-{
-       var id, el;
-
-       // The ID passed to the found TagToTip() call identifies an HTML element
-       // to be converted to a tooltip, so hide that element
-       id = sT2t.replace(/.+'([^'.]+)'.+/, "$1");
-       el = tt_GetElt(id);
-       if(el)
-       {
-               if(tt_Debug && !TagsToTip)
-                       return false;
-               else
-                       el.style.display = "none";
-       }
-       else
-               tt_Err("Invalid ID\n'" + id + "'\npassed to TagToTip()."
-                               + " There exists no HTML element with that ID.", true);
-       return true;
-}
-function tt_Tip(arg, t2t)
-{
-       if(!tt_db || (tt_iState & 0x8))
-               return;
-       if(tt_iState)
-               tt_Hide();
-       if(!tt_Enabled)
-               return;
-       tt_t2t = t2t;
-       if(!tt_ReadCmds(arg))
-               return;
-       tt_iState = 0x1 | 0x4;
-       tt_AdaptConfig1();
-       tt_MkTipContent(arg);
-       tt_MkTipSubDivs();
-       tt_FormatTip();
-       tt_bJmpVert = false;
-       tt_bJmpHorz = false;
-       tt_maxPosX = tt_GetClientW() + tt_GetScrollX() - tt_w - 1;
-       tt_maxPosY = tt_GetClientH() + tt_GetScrollY() - tt_h - 1;
-       tt_AdaptConfig2();
-       // Ensure the tip be shown and positioned before the first onmousemove
-       tt_OverInit();
-       tt_ShowInit();
-       tt_Move();
-}
-function tt_ReadCmds(a)
-{
-       var i;
-
-       // First load the global config values, to initialize also values
-       // for which no command is passed
-       i = 0;
-       for(var j in config)
-               tt_aV[i++] = config[j];
-       // Then replace each cached config value for which a command is
-       // passed (ensure the # of command args plus value args be even)
-       if(a.length & 1)
-       {
-               for(i = a.length - 1; i > 0; i -= 2)
-                       tt_aV[a[i - 1]] = a[i];
-               return true;
-       }
-       tt_Err("Incorrect call of Tip() or TagToTip().\n"
-                       + "Each command must be followed by a value.", true);
-       return false;
-}
-function tt_AdaptConfig1()
-{
-       tt_ExtCallFncs(0, "LoadConfig");
-       // Inherit unspecified title formattings from body
-       if(!tt_aV[TITLEBGCOLOR].length)
-               tt_aV[TITLEBGCOLOR] = tt_aV[BORDERCOLOR];
-       if(!tt_aV[TITLEFONTCOLOR].length)
-               tt_aV[TITLEFONTCOLOR] = tt_aV[BGCOLOR];
-       if(!tt_aV[TITLEFONTFACE].length)
-               tt_aV[TITLEFONTFACE] = tt_aV[FONTFACE];
-       if(!tt_aV[TITLEFONTSIZE].length)
-               tt_aV[TITLEFONTSIZE] = tt_aV[FONTSIZE];
-       if(tt_aV[CLOSEBTN])
-       {
-               // Use title colours for non-specified closebutton colours
-               if(!tt_aV[CLOSEBTNCOLORS])
-                       tt_aV[CLOSEBTNCOLORS] = new Array("", "", "", "");
-               for(var i = 4; i;)
-               {--i;
-                       if(!tt_aV[CLOSEBTNCOLORS][i].length)
-                               tt_aV[CLOSEBTNCOLORS][i] = (i & 1) ? tt_aV[TITLEFONTCOLOR] : tt_aV[TITLEBGCOLOR];
-               }
-               // Enforce titlebar be shown
-               if(!tt_aV[TITLE].length)
-                       tt_aV[TITLE] = " ";
-       }
-       // Circumvents broken display of images and fade-in flicker in Geckos < 1.8
-       if(tt_aV[OPACITY] == 100 && typeof tt_aElt[0].style.MozOpacity != tt_u && !Array.every)
-               tt_aV[OPACITY] = 99;
-       // Smartly shorten the delay for fade-in tooltips
-       if(tt_aV[FADEIN] && tt_flagOpa && tt_aV[DELAY] > 100)
-               tt_aV[DELAY] = Math.max(tt_aV[DELAY] - tt_aV[FADEIN], 100);
-}
-function tt_AdaptConfig2()
-{
-       if(tt_aV[CENTERMOUSE])
-       {
-               tt_aV[OFFSETX] -= ((tt_w - (tt_aV[SHADOW] ? tt_aV[SHADOWWIDTH] : 0)) >> 1);
-               tt_aV[JUMPHORZ] = false;
-       }
-}
-// Expose content globally so extensions can modify it
-function tt_MkTipContent(a)
-{
-       if(tt_t2t)
-       {
-               if(tt_aV[COPYCONTENT])
-                       tt_sContent = tt_t2t.innerHTML;
-               else
-                       tt_sContent = "";
-       }
-       else
-               tt_sContent = a[0];
-       tt_ExtCallFncs(0, "CreateContentString");
-}
-function tt_MkTipSubDivs()
-{
-       var sCss = 'position:relative;margin:0px;padding:0px;border-width:0px;left:0px;top:0px;line-height:normal;width:auto;',
-       sTbTrTd = ' cellspacing="0" cellpadding="0" border="0" style="' + sCss + '"><tbody style="' + sCss + '"><tr><td ';
-
-       tt_aElt[0].style.width = tt_GetClientW() + "px";
-       tt_aElt[0].innerHTML =
-               (''
-               + (tt_aV[TITLE].length ?
-                       ('<div id="WzTiTl" style="position:relative;z-index:1;">'
-                       + '<table id="WzTiTlTb"' + sTbTrTd + 'id="WzTiTlI" style="' + sCss + '">'
-                       + tt_aV[TITLE]
-                       + '</td>'
-                       + (tt_aV[CLOSEBTN] ?
-                               ('<td align="right" style="' + sCss
-                               + 'text-align:right;">'
-                               + '<span id="WzClOsE" style="position:relative;left:2px;padding-left:2px;padding-right:2px;'
-                               + 'cursor:' + (tt_ie ? 'hand' : 'pointer')
-                               + ';" onmouseover="tt_OnCloseBtnOver(1)" onmouseout="tt_OnCloseBtnOver(0)" onclick="tt_HideInit()">'
-                               + tt_aV[CLOSEBTNTEXT]
-                               + '</span></td>')
-                               : '')
-                       + '</tr></tbody></table></div>')
-                       : '')
-               + '<div id="WzBoDy" style="position:relative;z-index:0;">'
-               + '<table' + sTbTrTd + 'id="WzBoDyI" style="' + sCss + '">'
-               + tt_sContent
-               + '</td></tr></tbody></table></div>'
-               + (tt_aV[SHADOW]
-                       ? ('<div id="WzTtShDwR" style="position:absolute;overflow:hidden;"></div>'
-                               + '<div id="WzTtShDwB" style="position:relative;overflow:hidden;"></div>')
-                       : '')
-               );
-       tt_GetSubDivRefs();
-       // Convert DOM node to tip
-       if(tt_t2t && !tt_aV[COPYCONTENT])
-               tt_El2Tip();
-       tt_ExtCallFncs(0, "SubDivsCreated");
-}
-function tt_GetSubDivRefs()
-{
-       var aId = new Array("WzTiTl", "WzTiTlTb", "WzTiTlI", "WzClOsE", "WzBoDy", "WzBoDyI", "WzTtShDwB", "WzTtShDwR");
-
-       for(var i = aId.length; i; --i)
-               tt_aElt[i] = tt_GetElt(aId[i - 1]);
-}
-function tt_FormatTip()
-{
-       var css, w, h, pad = tt_aV[PADDING], padT, wBrd = tt_aV[BORDERWIDTH],
-       iOffY, iOffSh, iAdd = (pad + wBrd) << 1;
-
-       //--------- Title DIV ----------
-       if(tt_aV[TITLE].length)
-       {
-               padT = tt_aV[TITLEPADDING];
-               css = tt_aElt[1].style;
-               css.background = tt_aV[TITLEBGCOLOR];
-               css.paddingTop = css.paddingBottom = padT + "px";
-               css.paddingLeft = css.paddingRight = (padT + 2) + "px";
-               css = tt_aElt[3].style;
-               css.color = tt_aV[TITLEFONTCOLOR];
-               if(tt_aV[WIDTH] == -1)
-                       css.whiteSpace = "nowrap";
-               css.fontFamily = tt_aV[TITLEFONTFACE];
-               css.fontSize = tt_aV[TITLEFONTSIZE];
-               css.fontWeight = "bold";
-               css.textAlign = tt_aV[TITLEALIGN];
-               // Close button DIV
-               if(tt_aElt[4])
-               {
-                       css = tt_aElt[4].style;
-                       css.background = tt_aV[CLOSEBTNCOLORS][0];
-                       css.color = tt_aV[CLOSEBTNCOLORS][1];
-                       css.fontFamily = tt_aV[TITLEFONTFACE];
-                       css.fontSize = tt_aV[TITLEFONTSIZE];
-                       css.fontWeight = "bold";
-               }
-               if(tt_aV[WIDTH] > 0)
-                       tt_w = tt_aV[WIDTH];
-               else
-               {
-                       tt_w = tt_GetDivW(tt_aElt[3]) + tt_GetDivW(tt_aElt[4]);
-                       // Some spacing between title DIV and closebutton
-                       if(tt_aElt[4])
-                               tt_w += pad;
-                       // Restrict auto width to max width
-                       if(tt_aV[WIDTH] < -1 && tt_w > -tt_aV[WIDTH])
-                               tt_w = -tt_aV[WIDTH];
-               }
-               // Ensure the top border of the body DIV be covered by the title DIV
-               iOffY = -wBrd;
-       }
-       else
-       {
-               tt_w = 0;
-               iOffY = 0;
-       }
-
-       //-------- Body DIV ------------
-       css = tt_aElt[5].style;
-       css.top = iOffY + "px";
-       if(wBrd)
-       {
-               css.borderColor = tt_aV[BORDERCOLOR];
-               css.borderStyle = tt_aV[BORDERSTYLE];
-               css.borderWidth = wBrd + "px";
-       }
-       if(tt_aV[BGCOLOR].length)
-               css.background = tt_aV[BGCOLOR];
-       if(tt_aV[BGIMG].length)
-               css.backgroundImage = "url(" + tt_aV[BGIMG] + ")";
-       css.padding = pad + "px";
-       css.textAlign = tt_aV[TEXTALIGN];
-       if(tt_aV[HEIGHT])
-       {
-               css.overflow = "auto";
-               if(tt_aV[HEIGHT] > 0)
-                       css.height = (tt_aV[HEIGHT] + iAdd) + "px";
-               else
-                       tt_h = iAdd - tt_aV[HEIGHT];
-       }
-       // TD inside body DIV
-       css = tt_aElt[6].style;
-       css.color = tt_aV[FONTCOLOR];
-       css.fontFamily = tt_aV[FONTFACE];
-       css.fontSize = tt_aV[FONTSIZE];
-       css.fontWeight = tt_aV[FONTWEIGHT];
-       css.textAlign = tt_aV[TEXTALIGN];
-       if(tt_aV[WIDTH] > 0)
-               w = tt_aV[WIDTH];
-       // Width like title (if existent)
-       else if(tt_aV[WIDTH] == -1 && tt_w)
-               w = tt_w;
-       else
-       {
-               // Measure width of the body's inner TD, as some browsers would expand
-               // the container and outer body DIV to 100%
-               w = tt_GetDivW(tt_aElt[6]);
-               // Restrict auto width to max width
-               if(tt_aV[WIDTH] < -1 && w > -tt_aV[WIDTH])
-                       w = -tt_aV[WIDTH];
-       }
-       if(w > tt_w)
-               tt_w = w;
-       tt_w += iAdd;
-
-       //--------- Shadow DIVs ------------
-       if(tt_aV[SHADOW])
-       {
-               tt_w += tt_aV[SHADOWWIDTH];
-               iOffSh = Math.floor((tt_aV[SHADOWWIDTH] * 4) / 3);
-               // Bottom shadow
-               css = tt_aElt[7].style;
-               css.top = iOffY + "px";
-               css.left = iOffSh + "px";
-               css.width = (tt_w - iOffSh - tt_aV[SHADOWWIDTH]) + "px";
-               css.height = tt_aV[SHADOWWIDTH] + "px";
-               css.background = tt_aV[SHADOWCOLOR];
-               // Right shadow
-               css = tt_aElt[8].style;
-               css.top = iOffSh + "px";
-               css.left = (tt_w - tt_aV[SHADOWWIDTH]) + "px";
-               css.width = tt_aV[SHADOWWIDTH] + "px";
-               css.background = tt_aV[SHADOWCOLOR];
-       }
-       else
-               iOffSh = 0;
-
-       //-------- Container DIV -------
-       tt_SetTipOpa(tt_aV[FADEIN] ? 0 : tt_aV[OPACITY]);
-       tt_FixSize(iOffY, iOffSh);
-}
-// Fixate the size so it can't dynamically change while the tooltip is moving.
-function tt_FixSize(iOffY, iOffSh)
-{
-       var wIn, wOut, h, add, pad = tt_aV[PADDING], wBrd = tt_aV[BORDERWIDTH], i;
-
-       tt_aElt[0].style.width = tt_w + "px";
-       tt_aElt[0].style.pixelWidth = tt_w;
-       wOut = tt_w - ((tt_aV[SHADOW]) ? tt_aV[SHADOWWIDTH] : 0);
-       // Body
-       wIn = wOut;
-       if(!tt_bBoxOld)
-               wIn -= (pad + wBrd) << 1;
-       tt_aElt[5].style.width = wIn + "px";
-       // Title
-       if(tt_aElt[1])
-       {
-               wIn = wOut - ((tt_aV[TITLEPADDING] + 2) << 1);
-               if(!tt_bBoxOld)
-                       wOut = wIn;
-               tt_aElt[1].style.width = wOut + "px";
-               tt_aElt[2].style.width = wIn + "px";
-       }
-       // Max height specified
-       if(tt_h)
-       {
-               h = tt_GetDivH(tt_aElt[5]);
-               if(h > tt_h)
-               {
-                       if(!tt_bBoxOld)
-                               tt_h -= (pad + wBrd) << 1;
-                       tt_aElt[5].style.height = tt_h + "px";
-               }
-       }
-       tt_h = tt_GetDivH(tt_aElt[0]) + iOffY;
-       // Right shadow
-       if(tt_aElt[8])
-               tt_aElt[8].style.height = (tt_h - iOffSh) + "px";
-       i = tt_aElt.length - 1;
-       if(tt_aElt[i])
-       {
-               tt_aElt[i].style.width = tt_w + "px";
-               tt_aElt[i].style.height = tt_h + "px";
-       }
-}
-function tt_DeAlt(el)
-{
-       var aKid;
-
-       if(el)
-       {
-               if(el.alt)
-                       el.alt = "";
-               if(el.title)
-                       el.title = "";
-               aKid = el.childNodes || el.children || null;
-               if(aKid)
-               {
-                       for(var i = aKid.length; i;)
-                               tt_DeAlt(aKid[--i]);
-               }
-       }
-}
-// This hack removes the native tooltips over links in Opera
-function tt_OpDeHref(el)
-{
-       if(!tt_op)
-               return;
-       if(tt_elDeHref)
-               tt_OpReHref();
-       while(el)
-       {
-               if(el.hasAttribute && el.hasAttribute("href"))
-               {
-                       el.t_href = el.getAttribute("href");
-                       el.t_stats = window.status;
-                       el.removeAttribute("href");
-                       el.style.cursor = "hand";
-                       tt_AddEvtFnc(el, "mousedown", tt_OpReHref);
-                       window.status = el.t_href;
-                       tt_elDeHref = el;
-                       break;
-               }
-               el = tt_GetDad(el);
-       }
-}
-function tt_OpReHref()
-{
-       if(tt_elDeHref)
-       {
-               tt_elDeHref.setAttribute("href", tt_elDeHref.t_href);
-               tt_RemEvtFnc(tt_elDeHref, "mousedown", tt_OpReHref);
-               window.status = tt_elDeHref.t_stats;
-               tt_elDeHref = null;
-       }
-}
-function tt_El2Tip()
-{
-       var css = tt_t2t.style;
-
-       // Store previous positioning
-       tt_t2t.t_cp = css.position;
-       tt_t2t.t_cl = css.left;
-       tt_t2t.t_ct = css.top;
-       tt_t2t.t_cd = css.display;
-       // Store the tag's parent element so we can restore that DOM branch
-       // when the tooltip is being hidden
-       tt_t2tDad = tt_GetDad(tt_t2t);
-       tt_MovDomNode(tt_t2t, tt_t2tDad, tt_aElt[6]);
-       css.display = "block";
-       css.position = "static";
-       css.left = css.top = css.marginLeft = css.marginTop = "0px";
-}
-function tt_UnEl2Tip()
-{
-       // Restore positioning and display
-       var css = tt_t2t.style;
-
-       css.display = tt_t2t.t_cd;
-       tt_MovDomNode(tt_t2t, tt_GetDad(tt_t2t), tt_t2tDad);
-       css.position = tt_t2t.t_cp;
-       css.left = tt_t2t.t_cl;
-       css.top = tt_t2t.t_ct;
-       tt_t2tDad = null;
-}
-function tt_OverInit()
-{
-       if(window.event)
-               tt_over = window.event.target || window.event.srcElement;
-       else
-               tt_over = tt_ovr_;
-       tt_DeAlt(tt_over);
-       tt_OpDeHref(tt_over);
-}
-function tt_ShowInit()
-{
-       tt_tShow.Timer("tt_Show()", tt_aV[DELAY], true);
-       if(tt_aV[CLICKCLOSE] || tt_aV[CLICKSTICKY])
-               tt_AddEvtFnc(document, "mouseup", tt_OnLClick);
-}
-function tt_Show()
-{
-       var css = tt_aElt[0].style;
-
-       // Override the z-index of the topmost wz_dragdrop.js D&D item
-       css.zIndex = Math.max((window.dd && dd.z) ? (dd.z + 2) : 0, 1010);
-       if(tt_aV[STICKY] || !tt_aV[FOLLOWMOUSE])
-               tt_iState &= ~0x4;
-       if(tt_aV[EXCLUSIVE])
-               tt_iState |= 0x8;
-       if(tt_aV[DURATION] > 0)
-               tt_tDurt.Timer("tt_HideInit()", tt_aV[DURATION], true);
-       tt_ExtCallFncs(0, "Show")
-       css.visibility = "visible";
-       tt_iState |= 0x2;
-       if(tt_aV[FADEIN])
-               tt_Fade(0, 0, tt_aV[OPACITY], Math.round(tt_aV[FADEIN] / tt_aV[FADEINTERVAL]));
-       tt_ShowIfrm();
-}
-function tt_ShowIfrm()
-{
-       if(tt_ie56)
-       {
-               var ifrm = tt_aElt[tt_aElt.length - 1];
-               if(ifrm)
-               {
-                       var css = ifrm.style;
-                       css.zIndex = tt_aElt[0].style.zIndex - 1;
-                       css.display = "block";
-               }
-       }
-}
-function tt_Move(e)
-{
-       if(e)
-               tt_ovr_ = e.target || e.srcElement;
-       e = e || window.event;
-       if(e)
-       {
-               tt_musX = tt_GetEvtX(e);
-               tt_musY = tt_GetEvtY(e);
-       }
-       if(tt_iState & 0x4)
-       {
-               // Prevent jam of mousemove events
-               if(!tt_op && !tt_ie)
-               {
-                       if(tt_bWait)
-                               return;
-                       tt_bWait = true;
-                       tt_tWaitMov.Timer("tt_bWait = false;", 1, true);
-               }
-               if(tt_aV[FIX])
-               {
-                       tt_iState &= ~0x4;
-                       tt_PosFix();
-               }
-               else if(!tt_ExtCallFncs(e, "MoveBefore"))
-                       tt_SetTipPos(tt_Pos(0), tt_Pos(1));
-               tt_ExtCallFncs([tt_musX, tt_musY], "MoveAfter")
-       }
-}
-function tt_Pos(iDim)
-{
-       var iX, bJmpMod, cmdAlt, cmdOff, cx, iMax, iScrl, iMus, bJmp;
-
-       // Map values according to dimension to calculate
-       if(iDim)
-       {
-               bJmpMod = tt_aV[JUMPVERT];
-               cmdAlt = ABOVE;
-               cmdOff = OFFSETY;
-               cx = tt_h;
-               iMax = tt_maxPosY;
-               iScrl = tt_GetScrollY();
-               iMus = tt_musY;
-               bJmp = tt_bJmpVert;
-       }
-       else
-       {
-               bJmpMod = tt_aV[JUMPHORZ];
-               cmdAlt = LEFT;
-               cmdOff = OFFSETX;
-               cx = tt_w;
-               iMax = tt_maxPosX;
-               iScrl = tt_GetScrollX();
-               iMus = tt_musX;
-               bJmp = tt_bJmpHorz;
-       }
-       if(bJmpMod)
-       {
-               if(tt_aV[cmdAlt] && (!bJmp || tt_CalcPosAlt(iDim) >= iScrl + 16))
-                       iX = tt_PosAlt(iDim);
-               else if(!tt_aV[cmdAlt] && bJmp && tt_CalcPosDef(iDim) > iMax - 16)
-                       iX = tt_PosAlt(iDim);
-               else
-                       iX = tt_PosDef(iDim);
-       }
-       else
-       {
-               iX = iMus;
-               if(tt_aV[cmdAlt])
-                       iX -= cx + tt_aV[cmdOff] - (tt_aV[SHADOW] ? tt_aV[SHADOWWIDTH] : 0);
-               else
-                       iX += tt_aV[cmdOff];
-       }
-       // Prevent tip from extending past clientarea boundary
-       if(iX > iMax)
-               iX = bJmpMod ? tt_PosAlt(iDim) : iMax;
-       // In case of insufficient space on both sides, ensure the left/upper part
-       // of the tip be visible
-       if(iX < iScrl)
-               iX = bJmpMod ? tt_PosDef(iDim) : iScrl;
-       return iX;
-}
-function tt_PosDef(iDim)
-{
-       if(iDim)
-               tt_bJmpVert = tt_aV[ABOVE];
-       else
-               tt_bJmpHorz = tt_aV[LEFT];
-       return tt_CalcPosDef(iDim);
-}
-function tt_PosAlt(iDim)
-{
-       if(iDim)
-               tt_bJmpVert = !tt_aV[ABOVE];
-       else
-               tt_bJmpHorz = !tt_aV[LEFT];
-       return tt_CalcPosAlt(iDim);
-}
-function tt_CalcPosDef(iDim)
-{
-       return iDim ? (tt_musY + tt_aV[OFFSETY]) : (tt_musX + tt_aV[OFFSETX]);
-}
-function tt_CalcPosAlt(iDim)
-{
-       var cmdOff = iDim ? OFFSETY : OFFSETX;
-       var dx = tt_aV[cmdOff] - (tt_aV[SHADOW] ? tt_aV[SHADOWWIDTH] : 0);
-       if(tt_aV[cmdOff] > 0 && dx <= 0)
-               dx = 1;
-       return((iDim ? (tt_musY - tt_h) : (tt_musX - tt_w)) - dx);
-}
-function tt_PosFix()
-{
-       var iX, iY;
-
-       if(typeof(tt_aV[FIX][0]) == "number")
-       {
-               iX = tt_aV[FIX][0];
-               iY = tt_aV[FIX][1];
-       }
-       else
-       {
-               if(typeof(tt_aV[FIX][0]) == "string")
-                       el = tt_GetElt(tt_aV[FIX][0]);
-               // First slot in array is direct reference to HTML element
-               else
-                       el = tt_aV[FIX][0];
-               iX = tt_aV[FIX][1];
-               iY = tt_aV[FIX][2];
-               // By default, vert pos is related to bottom edge of HTML element
-               if(!tt_aV[ABOVE] && el)
-                       iY += tt_GetDivH(el);
-               for(; el; el = el.offsetParent)
-               {
-                       iX += el.offsetLeft || 0;
-                       iY += el.offsetTop || 0;
-               }
-       }
-       // For a fixed tip positioned above the mouse, use the bottom edge as anchor
-       // (recommended by Christophe Rebeschini, 31.1.2008)
-       if(tt_aV[ABOVE])
-               iY -= tt_h;
-       tt_SetTipPos(iX, iY);
-}
-function tt_Fade(a, now, z, n)
-{
-       if(n)
-       {
-               now += Math.round((z - now) / n);
-               if((z > a) ? (now >= z) : (now <= z))
-                       now = z;
-               else
-                       tt_tFade.Timer(
-                               "tt_Fade("
-                               + a + "," + now + "," + z + "," + (n - 1)
-                               + ")",
-                               tt_aV[FADEINTERVAL],
-                               true
-                       );
-       }
-       now ? tt_SetTipOpa(now) : tt_Hide();
-}
-function tt_SetTipOpa(opa)
-{
-       // To circumvent the opacity nesting flaws of IE, we set the opacity
-       // for each sub-DIV separately, rather than for the container DIV.
-       tt_SetOpa(tt_aElt[5], opa);
-       if(tt_aElt[1])
-               tt_SetOpa(tt_aElt[1], opa);
-       if(tt_aV[SHADOW])
-       {
-               opa = Math.round(opa * 0.8);
-               tt_SetOpa(tt_aElt[7], opa);
-               tt_SetOpa(tt_aElt[8], opa);
-       }
-}
-function tt_OnCloseBtnOver(iOver)
-{
-       var css = tt_aElt[4].style;
-
-       iOver <<= 1;
-       css.background = tt_aV[CLOSEBTNCOLORS][iOver];
-       css.color = tt_aV[CLOSEBTNCOLORS][iOver + 1];
-}
-function tt_OnLClick(e)
-{
-       //  Ignore right-clicks
-       e = e || window.event;
-       if(!((e.button && e.button & 2) || (e.which && e.which == 3)))
-       {
-               if(tt_aV[CLICKSTICKY] && (tt_iState & 0x4))
-               {
-                       tt_aV[STICKY] = true;
-                       tt_iState &= ~0x4;
-               }
-               else if(tt_aV[CLICKCLOSE])
-                       tt_HideInit();
-       }
-}
-function tt_Int(x)
-{
-       var y;
-
-       return(isNaN(y = parseInt(x)) ? 0 : y);
-}
-Number.prototype.Timer = function(s, iT, bUrge)
-{
-       if(!this.value || bUrge)
-               this.value = window.setTimeout(s, iT);
-}
-Number.prototype.EndTimer = function()
-{
-       if(this.value)
-       {
-               window.clearTimeout(this.value);
-               this.value = 0;
-       }
-}
-function tt_GetWndCliSiz(s)
-{
-       var db, y = window["inner" + s], sC = "client" + s, sN = "number";
-       if(typeof y == sN)
-       {
-               var y2;
-               return(
-                       // Gecko or Opera with scrollbar
-                       // ... quirks mode
-                       ((db = document.body) && typeof(y2 = db[sC]) == sN && y2 &&  y2 <= y) ? y2 
-                       // ... strict mode
-                       : ((db = document.documentElement) && typeof(y2 = db[sC]) == sN && y2 && y2 <= y) ? y2
-                       // No scrollbar, or clientarea size == 0, or other browser (KHTML etc.)
-                       : y
-               );
-       }
-       // IE
-       return(
-               // document.documentElement.client+s functional, returns > 0
-               ((db = document.documentElement) && (y = db[sC])) ? y
-               // ... not functional, in which case document.body.client+s 
-               // is the clientarea size, fortunately
-               : document.body[sC]
-       );
-}
-function tt_SetOpa(el, opa)
-{
-       var css = el.style;
-
-       tt_opa = opa;
-       if(tt_flagOpa == 1)
-       {
-               if(opa < 100)
-               {
-                       // Hacks for bugs of IE:
-                       // 1.) Once a CSS filter has been applied, fonts are no longer
-                       // anti-aliased, so we store the previous 'non-filter' to be
-                       // able to restore it
-                       if(typeof(el.filtNo) == tt_u)
-                               el.filtNo = css.filter;
-                       // 2.) A DIV cannot be made visible in a single step if an
-                       // opacity < 100 has been applied while the DIV was hidden
-                       var bVis = css.visibility != "hidden";
-                       // 3.) In IE6, applying an opacity < 100 has no effect if the
-                       //         element has no layout (position, size, zoom, ...)
-                       css.zoom = "100%";
-                       if(!bVis)
-                               css.visibility = "visible";
-                       css.filter = "alpha(opacity=" + opa + ")";
-                       if(!bVis)
-                               css.visibility = "hidden";
-               }
-               else if(typeof(el.filtNo) != tt_u)
-                       // Restore 'non-filter'
-                       css.filter = el.filtNo;
-       }
-       else
-       {
-               opa /= 100.0;
-               switch(tt_flagOpa)
-               {
-               case 2:
-                       css.KhtmlOpacity = opa; break;
-               case 3:
-                       css.KHTMLOpacity = opa; break;
-               case 4:
-                       css.MozOpacity = opa; break;
-               case 5:
-                       css.opacity = opa; break;
-               }
-       }
-}
-function tt_Err(sErr, bIfDebug)
-{
-       if(tt_Debug || !bIfDebug)
-               alert("Tooltip Script Error Message:\n\n" + sErr);
-}
-
-//============  EXTENSION (PLUGIN) MANAGER  ===============//
-function tt_ExtCmdEnum()
-{
-       var s;
-
-       // Add new command(s) to the commands enum
-       for(var i in config)
-       {
-               s = "window." + i.toString().toUpperCase();
-               if(eval("typeof(" + s + ") == tt_u"))
-               {
-                       eval(s + " = " + tt_aV.length);
-                       tt_aV[tt_aV.length] = null;
-               }
-       }
-}
-function tt_ExtCallFncs(arg, sFnc)
-{
-       var b = false;
-       for(var i = tt_aExt.length; i;)
-       {--i;
-               var fnc = tt_aExt[i]["On" + sFnc];
-               // Call the method the extension has defined for this event
-               if(fnc && fnc(arg))
-                       b = true;
-       }
-       return b;
-}
-
-tt_Init();
index 0a38b2b..ced4f20 100644 (file)
@@ -1,7 +1,5 @@
 [%- USE HTML -%][%- USE LxERP -%][%- USE L -%][%- USE T8 -%]
 
-<script type="text/javascript" src="js/wz_tooltip.js"></script>
-
 <h1>[% title %]</h1>
 
 [%- INCLUDE 'common/flash.html' %]
@@ -76,7 +74,6 @@ function add_invoices(bt_id, prop_id, prop_invnumber) {
     var node = document.getElementsByName(prop_id)[0];
     node.parentNode.removeChild(node);
   }
-  UnTip();
   var invoices = document.getElementById('assigned_invoices_' + bt_id);
 
   $.ajax({
@@ -104,4 +101,3 @@ function create_invoice(bt_id) {
 
 //-->
 </script>
-
index 359ca5f..ed6743a 100644 (file)
      <td><a href=# onclick="create_invoice('[% bt.id %]'); return false;">[% 'Create invoice' | $T8 %]</a></td>
      <td id="assigned_invoices_[% bt.id %]" nowrap></td>
      [% IF debug %]
-     <td onmouseover="Tip('[% FOREACH match = bt.rule_matches %] [% match %]<br> [% END %]')" onmouseout="UnTip()">[% bt.agreement %]</td>
+     <td class="tooltipster-html" title="[% FOREACH match = bt.rule_matches %] [% match %]<br> [% END %]">[% bt.agreement %]</td>
      [% END %]
      <td>
       [% FOREACH prop = bt.proposals %]
-        <div name='[% prop.id %]'> <a href=# onclick="add_invoices('[% bt.id %]', '[% prop.id %]', '[% HTML.escape(prop.invnumber) %]');"
-              onmouseover="Tip('<table><tr><th></th><th>[% 'Suggested invoice' | $T8 %][% IF !prop.is_sales %] ([% 'AP' | $T8 %])[% END %]</th><th>[% 'Bank transaction' | $T8 %]</th></tr><tr><th>[% 'Amount' | $T8 %]</th><td>[% LxERP.format_amount(prop.amount, 2) %] ([% 'open' | $T8 %]: [% LxERP.format_amount(prop.open_amount, 2) %])</td><td>[% LxERP.format_amount(bt.amount, 2) %]</td></tr>[% IF prop.skonto_date %]<tr><th>[% 'Payment terms' | $T8 %]</th><td>[% LxERP.format_amount(prop.amount_less_skonto, 2) %] [% 'until' | $T8 %] [% HTML.escape(prop.skonto_date.to_kivitendo) %] ([% prop.percent_skonto * 100 %] %)</td><td></td></tr>[% END %]<tr><th>[% 'Customer/Vendor' | $T8 %]</th><td>[% HTML.escape(prop.customer.displayable_name) %][% HTML.escape(prop.vendor.displayable_name) %]</td><td>[% HTML.escape(bt.remote_name) %]</td></tr><tr><th>[% 'Invoice Date' | $T8 %]</th><td>[% HTML.escape(prop.transdate_as_date) %]</td><td>[% HTML.escape(bt.transdate_as_date) %] ([% HTML.escape(bt.transdate.utc_rd_days - prop.transdate.utc_rd_days) %])</td></tr><tr><th>[% 'Invoice Number' | $T8 %]</th><td>[% HTML.escape(prop.invnumber) %]</td><td>[% HTML.escape(bt.purpose) %]</td></tr></table>')" onmouseout="UnTip()"
-              class=[% IF bt.agreement >= 5 %]"green"[% ELSIF bt.agreement < 5 and bt.agreement >= 3 %]"orange"[% ELSE %]"red"[% END %]>&larr;[% HTML.escape(prop.invnumber)%]</a></div>
+        <div name='[% prop.id %]'>
+         <a href=# onclick="add_invoices('[% bt.id %]', '[% prop.id %]', '[% HTML.escape(prop.invnumber) %]');"
+            title="<table><tr><th></th><th>[% 'Suggested invoice' | $T8 %][% IF !prop.is_sales %] ([% 'AP' | $T8 %])[% END %]</th><th>[% 'Bank transaction' | $T8 %]</th></tr><tr><th>[% 'Amount' | $T8 %]</th><td>[% LxERP.format_amount(prop.amount, 2) %] ([% 'open' | $T8 %]: [% LxERP.format_amount(prop.open_amount, 2) %])</td><td>[% LxERP.format_amount(bt.amount, 2) %]</td></tr>[% IF prop.skonto_date %]<tr><th>[% 'Payment terms' | $T8 %]</th><td>[% LxERP.format_amount(prop.amount_less_skonto, 2) %] [% 'until' | $T8 %] [% HTML.escape(prop.skonto_date.to_kivitendo) %] ([% prop.percent_skonto * 100 %] %)</td><td></td></tr>[% END %]<tr><th>[% 'Customer/Vendor' | $T8 %]</th><td>[% HTML.escape(prop.customer.displayable_name) %][% HTML.escape(prop.vendor.displayable_name) %]</td><td>[% HTML.escape(bt.remote_name) %]</td></tr><tr><th>[% 'Invoice Date' | $T8 %]</th><td>[% HTML.escape(prop.transdate_as_date) %]</td><td>[% HTML.escape(bt.transdate_as_date) %] ([% HTML.escape(bt.transdate.utc_rd_days - prop.transdate.utc_rd_days) %])</td></tr><tr><th>[% 'Invoice Number' | $T8 %]</th><td>[% HTML.escape(prop.invnumber) %]</td><td>[% HTML.escape(bt.purpose) %]</td></tr></table>"
+              class="[% IF bt.agreement >= 5 %]green[% ELSIF bt.agreement < 5 and bt.agreement >= 3 %]orange[% ELSE %]red[% END %] tooltipster-html">&larr;[% HTML.escape(prop.invnumber)%]</a></div>
       [% END %]
      </td>
      <td align=right>[% bt.transdate_as_date %]</td>
index 9e0cfa5..a11c578 100644 (file)
@@ -97,5 +97,3 @@
   [%- END %]
 
 </form>
-
-<script type="text/javascript" src="js/wz_tooltip.js"></script>
index 41d448c..d9d635b 100644 (file)
                [% L.textarea_tag("notes", P.restricted_html(notes), class="texteditor", style="width: 600px; height: 200px") %]
               </td>
               <td>
-                 <textarea name="formel" rows="[% HTML.escape(notes_rows) %]" cols="30" wrap="soft" onmouseover="Tip('[% 'The formula needs the following syntax:<br>For regular article:<br>Variablename= Variable Unit;<br>Variablename2= Variable2 Unit2;<br>...<br>###<br>Variable + ( Variable2 / Variable )<br><b>Please be beware of the spaces in the formula</b><br>' | $T8 %]', STICKY, true)" onmouseout="UnTip()">[% HTML.escape(formel) %]</textarea>
+                 <textarea name="formel" rows="[% HTML.escape(notes_rows) %]" cols="30" wrap="soft" class="tooltipster-html" title="[% 'The formula needs the following syntax:<br>For regular article:<br>Variablename= Variable Unit;<br>Variablename2= Variable2 Unit2;<br>...<br>###<br>Variable + ( Variable2 / Variable )<br><b>Please be beware of the spaces in the formula</b><br>' | $T8 %]">[% HTML.escape(formel) %]</textarea>
                </td>
              </tr>
             </table>