diff options
Diffstat (limited to 'dcae_dmaapbc_webapp/src/main/webapp/static/fusion/raptor/js/form-field-tooltip.js')
| -rw-r--r-- | dcae_dmaapbc_webapp/src/main/webapp/static/fusion/raptor/js/form-field-tooltip.js | 715 |
1 files changed, 0 insertions, 715 deletions
diff --git a/dcae_dmaapbc_webapp/src/main/webapp/static/fusion/raptor/js/form-field-tooltip.js b/dcae_dmaapbc_webapp/src/main/webapp/static/fusion/raptor/js/form-field-tooltip.js deleted file mode 100644 index b499ca0..0000000 --- a/dcae_dmaapbc_webapp/src/main/webapp/static/fusion/raptor/js/form-field-tooltip.js +++ /dev/null @@ -1,715 +0,0 @@ -/************************************************************************************************************ - - Form field tooltip - (C) www.dhtmlgoodies.com, September 2006 - - This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website. - - Terms of use: - Look at the terms of use at http://www.dhtmlgoodies.com/index.html?page=termsOfUse - - Thank you! - - www.dhtmlgoodies.com - Alf Magne Kalleland - -************************************************************************************************************/ - -var DHTMLgoodies_globalTooltipObj; - - -/** -Constructor -**/ -function DHTMLgoodies_formTooltip() -{ - var tooltipDiv; - var tooltipText; - var tooltipContentDiv; // Reference to inner div with tooltip content - var imagePath; // Relative path to images - var arrowImageFile; // Name of arrow image - var arrowImageFileRight; // Name of arrow image - var arrowRightWidth; - var arrowTopHeight; - var tooltipWidth; // Width of tooltip - var roundedCornerObj; // Reference to object of class DHTMLgoodies_roundedCorners - var tooltipBgColor; - var closeMessage; // Close message - var activeInput; // Reference to currently active input - var tooltipPosition; // Tooltip position, possible values: "below" or "right" - var tooltipCornerSize; // Size of rounded corners - var displayArrow; // Display arrow above or at the left of the tooltip? - var cookieName; // Name of cookie - var disableTooltipPossibility; // Possibility of disabling tooltip - var disableTooltipByCookie; // If tooltip has been disabled, save the settings in cookie, i.e. for other pages with the same cookie name. - var disableTooltipMessage; - var tooltipDisabled; - var isMSIE; - var tooltipIframeObj; - var pageBgColor; // Color of background - used in ie when applying iframe which covers select boxes - var currentTooltipObj; // Reference to form field which tooltip is currently showing for - - this.currentTooltipObj = false, - this.tooltipDiv = false, - this.tooltipText = false; - this.imagePath = 'static/fusion/raptor/images/'; - this.arrowImageFile = 'green-arrow.gif'; - this.arrowImageFileRight = 'green-arrow-right.gif'; - this.tooltipWidth = 200; - this.tooltipBgColor = '#317082'; - this.closeMessage = 'Close'; - this.disableTooltipMessage = 'Don\'t show this message again'; - this.activeInput = false; - this.tooltipPosition = 'right'; - this.arrowRightWidth = 16; // Default width of arrow when the tooltip is on the right side of the inputs. - this.arrowTopHeight = 13; // Default height of arrow at the top of tooltip - this.tooltipCornerSize = 10; - this.displayArrow = true; - this.cookieName = 'DHTMLgoodies_tooltipVisibility'; - this.disableTooltipByCookie = false; - this.tooltipDisabled = false; - this.disableTooltipPossibility = true; - this.tooltipIframeObj = false; - this.pageBgColor = '#FFFFFF'; - - DHTMLgoodies_globalTooltipObj = this; - - if(navigator.userAgent.indexOf('MSIE')>=0)this.isMSIE = true; else this.isMSIE = false; -} - - -DHTMLgoodies_formTooltip.prototype = { - // {{{ initFormFieldTooltip() - /** - * - * - * Initializes the tooltip script. Most set methods needs to be executed before you call this method. - * - * @public - */ - initFormFieldTooltip : function() - { - var formElements = new Array(); - var inputs = document.getElementsByTagName('IMG'); - for(var no=0;no<inputs.length;no++){ - var attr = inputs[no].getAttribute('tooltipText'); - if(!attr)attr = inputs[no].tooltipText; - if(attr)formElements[formElements.length] = inputs[no]; - } - - var inputs = document.getElementsByTagName('INPUT'); - for(var no=0;no<inputs.length;no++){ - var attr = inputs[no].getAttribute('tooltipText'); - if(!attr)attr = inputs[no].tooltipText; - if(attr)formElements[formElements.length] = inputs[no]; - } - - var inputs = document.getElementsByTagName('TEXTAREA'); - for(var no=0;no<inputs.length;no++){ - var attr = inputs[no].getAttribute('tooltipText'); - if(!attr)attr = inputs[no].tooltipText; - if(attr)formElements[formElements.length] = inputs[no]; - } - var inputs = document.getElementsByTagName('SELECT'); - for(var no=0;no<inputs.length;no++){ - var attr = inputs[no].getAttribute('tooltipText'); - if(!attr)attr = inputs[no].tooltipText; - if(attr)formElements[formElements.length] = inputs[no]; - } - - window.refToFormTooltip = this; - - for(var no=0;no<formElements.length;no++){ - formElements[no].onfocus = this.__displayTooltip; - } - this.addEvent(window,'resize',function(){ window.refToFormTooltip.__positionCurrentToolTipObj(); }); - - this.addEvent(document.documentElement,'click',function(e){ window.refToFormTooltip.__autoHideTooltip(e); }); - } - - // }}} - , - // {{{ setTooltipPosition() - /** - * - * - * Specify position of tooltip(below or right) - * @param String newPosition (Possible values: "below" or "right") - * - * @public - */ - setTooltipPosition : function(newPosition) - { - this.tooltipPosition = newPosition; - } - // }}} - , - // {{{ setCloseMessage() - /** - * - * - * Specify "Close" message - * @param String closeMessage - * - * @public - */ - setCloseMessage : function(closeMessage) - { - this.closeMessage = closeMessage; - } - // }}} - , - // {{{ setDisableTooltipMessage() - /** - * - * - * Specify disable tooltip message at the bottom of the tooltip - * @param String disableTooltipMessage - * - * @public - */ - setDisableTooltipMessage : function(disableTooltipMessage) - { - this.disableTooltipMessage = disableTooltipMessage; - } - // }}} - , - // {{{ setTooltipDisablePossibility() - /** - * - * - * Specify whether you want the disable link to appear or not. - * @param Boolean disableTooltipPossibility - * - * @public - */ - setTooltipDisablePossibility : function(disableTooltipPossibility) - { - this.disableTooltipPossibility = disableTooltipPossibility; - } - // }}} - , - // {{{ setCookieName() - /** - * - * - * Specify name of cookie. Useful if you're using this script on several pages. - * @param String newCookieName - * - * @public - */ - setCookieName : function(newCookieName) - { - this.cookieName = newCookieName; - } - // }}} - , - // {{{ setTooltipWidth() - /** - * - * - * Specify width of tooltip - * @param Int newWidth - * - * @public - */ - setTooltipWidth : function(newWidth) - { - this.tooltipWidth = newWidth; - } - - // }}} - , - // {{{ setArrowVisibility() - /** - * - * - * Display arrow at the top or at the left of the tooltip? - * @param Boolean displayArrow - * - * @public - */ - - setArrowVisibility : function(displayArrow) - { - this.displayArrow = displayArrow; - } - - // }}} - , - // {{{ setTooltipBgColor() - /** - * - * - * Send true to this method if you want to be able to save tooltip visibility in cookie. If it's set to true, - * It means that when someone returns to the page, the tooltips won't show. - * - * @param Boolean disableTooltipByCookie - * - * @public - */ - setDisableTooltipByCookie : function(disableTooltipByCookie) - { - this.disableTooltipByCookie = disableTooltipByCookie; - } - // }}} - , - // {{{ setTooltipBgColor() - /** - * - * - * This method specifies background color of tooltip - * @param String newBgColor - * - * @public - */ - setTooltipBgColor : function(newBgColor) - { - this.tooltipBgColor = newBgColor; - } - - // }}} - , - // {{{ setTooltipCornerSize() - /** - * - * - * Size of rounded corners around tooltip - * @param Int newSize (0 = no rounded corners) - * - * @public - */ - setTooltipCornerSize : function(tooltipCornerSize) - { - this.tooltipCornerSize = tooltipCornerSize; - } - - // }}} - , - // {{{ setTopArrowHeight() - /** - * - * - * Size height of arrow at the top of tooltip - * @param Int arrowTopHeight - * - * @public - */ - setTopArrowHeight : function(arrowTopHeight) - { - this.arrowTopHeight = arrowTopHeight; - } - - // }}} - , - // {{{ setRightArrowWidth() - /** - * - * - * Size width of arrow when the tooltip is on the right side of inputs - * @param Int arrowTopHeight - * - * @public - */ - setRightArrowWidth : function(arrowRightWidth) - { - this.arrowRightWidth = arrowRightWidth; - } - - // }}} - , - // {{{ setPageBgColor() - /** - * - * - * Specify background color of page. - * @param String pageBgColor - * - * @public - */ - setPageBgColor : function(pageBgColor) - { - this.pageBgColor = pageBgColor; - } - - // }}} - , - // {{{ __hideTooltip() - /** - * - * - * This method displays the tooltip - * - * - * @private - */ - __displayTooltip : function() - { - if(DHTMLgoodies_globalTooltipObj.disableTooltipByCookie){ - var cookieValue = DHTMLgoodies_globalTooltipObj.getCookie(DHTMLgoodies_globalTooltipObj.cookieName) + ''; - if(cookieValue=='1')DHTMLgoodies_globalTooltipObj.tooltipDisabled = true; - } - - if(DHTMLgoodies_globalTooltipObj.tooltipDisabled)return; // Tooltip disabled - var tooltipText = this.getAttribute('tooltipText'); - DHTMLgoodies_globalTooltipObj.activeInput = this; - - if(!tooltipText)tooltipText = this.tooltipText; - DHTMLgoodies_globalTooltipObj.tooltipText = tooltipText; - - - if(!DHTMLgoodies_globalTooltipObj.tooltipDiv)DHTMLgoodies_globalTooltipObj.__createTooltip(); - - DHTMLgoodies_globalTooltipObj.__positionTooltip(this); - - - - - DHTMLgoodies_globalTooltipObj.tooltipContentDiv.innerHTML = tooltipText; - DHTMLgoodies_globalTooltipObj.tooltipDiv.style.display='block'; - - if(DHTMLgoodies_globalTooltipObj.isMSIE){ - if(DHTMLgoodies_globalTooltipObj.tooltipPosition == 'below'){ - DHTMLgoodies_globalTooltipObj.tooltipIframeObj.style.height = (DHTMLgoodies_globalTooltipObj.tooltipDiv.clientHeight - DHTMLgoodies_globalTooltipObj.arrowTopHeight); - }else{ - DHTMLgoodies_globalTooltipObj.tooltipIframeObj.style.height = (DHTMLgoodies_globalTooltipObj.tooltipDiv.clientHeight); - } - } - - } - // }}} - , - // {{{ __hideTooltip() - /** - * - * - * This function hides the tooltip - * - * - * @private - */ - __hideTooltip : function() - { - try{ - DHTMLgoodies_globalTooltipObj.tooltipDiv.style.display='none'; - }catch(e){ - } - - } - // }}} - , - // {{{ getSrcElement() - /** - * - * - * Return the source of an event. - * - * - * @private - */ - getSrcElement : function(e) - { - var el; - if (e.target) el = e.target; - else if (e.srcElement) el = e.srcElement; - if (el.nodeType == 3) // defeat Safari bug - el = el.parentNode; - return el; - } - // }}} - , - __autoHideTooltip : function(e) - { - if(document.all)e = event; - var src = this.getSrcElement(e); - if(src.tagName.toLowerCase()!='input' && src.tagName.toLowerCase().toLowerCase()!='textarea' && src.tagName.toLowerCase().toLowerCase()!='select')this.__hideTooltip(); - - var attr = src.getAttribute('tooltipText'); - if(!attr)attr = src.tooltipText; - if(!attr){ - this.__hideTooltip(); - } - - } - // }}} - , - // {{{ __hideTooltipFromLink() - /** - * - * - * This function hides the tooltip - * - * - * @private - */ - __hideTooltipFromLink : function() - { - - this.activeInput.focus(); - window.refToThis = this; - setTimeout('window.refToThis.__hideTooltip()',10); - } - // }}} - , - // {{{ disableTooltip() - /** - * - * - * Hide tooltip and disable it - * - * - * @public - */ - disableTooltip : function() - { - this.__hideTooltipFromLink(); - if(this.disableTooltipByCookie)this.setCookie(this.cookieName,'1',500); - this.tooltipDisabled = true; - } - // }}} - , - // {{{ __positionTooltip() - /** - * - * - * This function creates the tooltip elements - * - * - * @private - */ - __createTooltip : function() - { - this.tooltipDiv = document.createElement('DIV'); - this.tooltipDiv.style.position = 'absolute'; - - if(this.displayArrow){ - var topDiv = document.createElement('DIV'); - - if(this.tooltipPosition=='below'){ - - topDiv.style.marginLeft = '20px'; - var arrowDiv = document.createElement('IMG'); - arrowDiv.src = this.imagePath + this.arrowImageFile + '?rand='+ Math.random(); - arrowDiv.style.display='block'; - topDiv.appendChild(arrowDiv); - - }else{ - topDiv.style.marginTop = '5px'; - var arrowDiv = document.createElement('IMG'); - arrowDiv.src = this.imagePath + this.arrowImageFileRight + '?rand='+ Math.random(); - arrowDiv.style.display='block'; - topDiv.appendChild(arrowDiv); - topDiv.style.position = 'absolute'; - } - - this.tooltipDiv.appendChild(topDiv); - } - - var outerDiv = document.createElement('DIV'); - outerDiv.style.position = 'relative'; - outerDiv.style.zIndex = 1000; - if(this.tooltipPosition!='below' && this.displayArrow){ - outerDiv.style.left = this.arrowRightWidth + 'px'; - } - - outerDiv.id = 'DHTMLgoodies_formTooltipDiv'; - outerDiv.className = 'DHTMLgoodies_formTooltipDiv'; - outerDiv.style.backgroundColor = this.tooltipBgColor; - this.tooltipDiv.appendChild(outerDiv); - - if(this.isMSIE){ - this.tooltipIframeObj = document.createElement('<IFRAME name="tooltipIframeObj" width="' + this.tooltipWidth + '" frameborder="no" src="about:blank"></IFRAME>'); - this.tooltipIframeObj.style.position = 'absolute'; - this.tooltipIframeObj.style.top = '0px'; - this.tooltipIframeObj.style.left = '0px'; - this.tooltipIframeObj.style.width = (this.tooltipWidth) + 'px'; - this.tooltipIframeObj.style.zIndex = 100; - this.tooltipIframeObj.background = this.pageBgColor; - this.tooltipIframeObj.style.backgroundColor= this.pageBgColor; - this.tooltipDiv.appendChild(this.tooltipIframeObj); - if(this.tooltipPosition!='below' && this.displayArrow){ - this.tooltipIframeObj.style.left = (this.arrowRightWidth) + 'px'; - }else{ - this.tooltipIframeObj.style.top = this.arrowTopHeight + 'px'; - } - - setTimeout("self.frames['tooltipIframeObj'].document.documentElement.style.backgroundColor='" + this.pageBgColor + "'",500); - - } - - this.tooltipContentDiv = document.createElement('DIV'); - this.tooltipContentDiv.style.position = 'relative'; - this.tooltipContentDiv.id = 'DHTMLgoodies_formTooltipContent'; - outerDiv.appendChild(this.tooltipContentDiv); - - var closeDiv = document.createElement('DIV'); - closeDiv.style.textAlign = 'center'; - - closeDiv.innerHTML = '<A class="DHTMLgoodies_formTooltip_closeMessage" href="#" onclick="DHTMLgoodies_globalTooltipObj.__hideTooltipFromLink();return false">' + this.closeMessage + '</A>'; - - if(this.disableTooltipPossibility){ - var tmpHTML = closeDiv.innerHTML; - tmpHTML = tmpHTML + ' | <A class="DHTMLgoodies_formTooltip_closeMessage" href="#" onclick="DHTMLgoodies_globalTooltipObj.disableTooltip();return false">' + this.disableTooltipMessage + '</A>'; - closeDiv.innerHTML = tmpHTML; - } - - outerDiv.appendChild(closeDiv); - - document.body.appendChild(this.tooltipDiv); - - - - if(this.tooltipCornerSize>0){ - this.roundedCornerObj = new DHTMLgoodies_roundedCorners(); - // (divId,xRadius,yRadius,color,backgroundColor,padding,heightOfContent,whichCorners) - this.roundedCornerObj.addTarget('DHTMLgoodies_formTooltipDiv',this.tooltipCornerSize,this.tooltipCornerSize,this.tooltipBgColor,this.pageBgColor,5); - this.roundedCornerObj.init(); - } - - - this.tooltipContentDiv = document.getElementById('DHTMLgoodies_formTooltipContent'); - } - // }}} - , - addEvent : function(whichObject,eventType,functionName) - { - if(whichObject.attachEvent){ - whichObject['e'+eventType+functionName] = functionName; - whichObject[eventType+functionName] = function(){whichObject['e'+eventType+functionName]( window.event );} - whichObject.attachEvent( 'on'+eventType, whichObject[eventType+functionName] ); - } else - whichObject.addEventListener(eventType,functionName,false); - } - // }}} - , - __positionCurrentToolTipObj : function() - { - if(DHTMLgoodies_globalTooltipObj.activeInput)this.__positionTooltip(DHTMLgoodies_globalTooltipObj.activeInput); - - } - // }}} - , - // {{{ __positionTooltip() - /** - * - * - * This function positions the tooltip - * - * @param Obj inputObj = Reference to text input - * - * @private - */ - __positionTooltip : function(inputObj) - { - var offset = 0; - if(!this.displayArrow)offset = 3; - if(this.tooltipPosition=='below'){ - this.tooltipDiv.style.left = this.getLeftPos(inputObj)+ 'px'; - this.tooltipDiv.style.top = (this.getTopPos(inputObj) + inputObj.offsetHeight + offset) + 'px'; - }else{ - - this.tooltipDiv.style.left = (this.getLeftPos(inputObj) + inputObj.offsetWidth + offset)+ 'px'; - this.tooltipDiv.style.top = this.getTopPos(inputObj) + 'px'; - } - this.tooltipDiv.style.width=this.tooltipWidth + 'px'; - - } - , - // {{{ getTopPos() - /** - * This method will return the top coordinate(pixel) of an object - * - * @param Object inputObj = Reference to HTML element - * @public - */ - getTopPos : function(inputObj) - { - var returnValue = inputObj.offsetTop; - while((inputObj = inputObj.offsetParent) != null){ - if(inputObj.tagName!='HTML'){ - returnValue += inputObj.offsetTop; - if(document.all)returnValue+=inputObj.clientTop; - } - } - return returnValue; - } - // }}} - - , - // {{{ getLeftPos() - /** - * This method will return the left coordinate(pixel) of an object - * - * @param Object inputObj = Reference to HTML element - * @public - */ - getLeftPos : function(inputObj) - { - var returnValue = inputObj.offsetLeft; - while((inputObj = inputObj.offsetParent) != null){ - if(inputObj.tagName!='HTML'){ - returnValue += inputObj.offsetLeft; - if(document.all)returnValue+=inputObj.clientLeft; - } - } - return returnValue; - } - - , - - // {{{ getCookie() - /** - * - * These cookie functions are downloaded from - * http://www.mach5.com/support/analyzer/manual/html/General/CookiesJavaScript.htm - * - * This function returns the value of a cookie - * - * @param String name = Name of cookie - * @param Object inputObj = Reference to HTML element - * @public - */ - getCookie : function(name) { - var start = document.cookie.indexOf(name+"="); - var len = start+name.length+1; - if ((!start) && (name != document.cookie.substring(0,name.length))) return null; - if (start == -1) return null; - var end = document.cookie.indexOf(";",len); - if (end == -1) end = document.cookie.length; - return unescape(document.cookie.substring(len,end)); - } - // }}} - , - - // {{{ setCookie() - /** - * - * These cookie functions are downloaded from - * http://www.mach5.com/support/analyzer/manual/html/General/CookiesJavaScript.htm - * - * This function creates a cookie. (This method has been slighhtly modified) - * - * @param String name = Name of cookie - * @param String value = Value of cookie - * @param Int expires = Timestamp - days - * @param String path = Path for cookie (Usually left empty) - * @param String domain = Cookie domain - * @param Boolean secure = Secure cookie(SSL) - * - * @public - */ - setCookie : function(name,value,expires,path,domain,secure) { - expires = expires * 60*60*24*1000; - var today = new Date(); - var expires_date = new Date( today.getTime() + (expires) ); - var cookieString = name + "=" +escape(value) + - ( (expires) ? ";expires=" + expires_date.toGMTString() : "") + - ( (path) ? ";path=" + path : "") + - ( (domain) ? ";domain=" + domain : "") + - ( (secure) ? ";secure" : ""); - document.cookie = cookieString; - } - // }}} - - -}
\ No newline at end of file |