javascript - htmltooltip.js

//Inline HTML Tooltip script: By JavaScript Kit: http://www.javascriptkit.com
//Created: July 10th, 08'

var htmltooltip={
     tipclass: 'htmltooltip',
     fadeeffect: [true, 500],
     anchors: [],
     tooltips: [], //array to contain references to all tooltip DIVs on the page

     positiontip:function($, tipindex, e){
          var anchor=this.anchors[tipindex]
          var tooltip=this.tooltips[tipindex]
          var scrollLeft=window.pageXOffset? window.pageXOffset : this.iebody.scrollLeft
          var scrollTop=window.pageYOffset? window.pageYOffset : this.iebody.scrollTop
          var docwidth=(window.innerWidth)? window.innerWidth-15 : htmltooltip.iebody.clientWidth-15
          var docheight=(window.innerHeight)? window.innerHeight-18 : htmltooltip.iebody.clientHeight-15
          var tipx=anchor.dimensions.offsetx
          var tipy=anchor.dimensions.offsety+anchor.dimensions.h
          tipx=(tipx+tooltip.dimensions.w-scrollLeft>docwidth)? tipx-tooltip.dimensions.w : tipx //account for right edge
          tipy=(tipy+tooltip.dimensions.h-scrollTop>docheight)? tipy-tooltip.dimensions.h-anchor.dimensions.h : tipy //account for bottom edge
          $(tooltip).css({left: tipx, top: tipy})
     },

     showtip:function($, tipindex, e){
          var tooltip=this.tooltips[tipindex]
          if (this.fadeeffect[0])
               $(tooltip).hide().fadeIn(this.fadeeffect[1])
          else
               $(tooltip).show()
     },

     hidetip:function($, tipindex, e){
          var tooltip=this.tooltips[tipindex]
          if (this.fadeeffect[0])
               $(tooltip).fadeOut(this.fadeeffect[1])
          else
               $(tooltip).hide()
     },

     updateanchordimensions:function($){
          var $anchors=$('*[@rel="'+htmltooltip.tipclass+'"]')
          $anchors.each(function(index){
               this.dimensions={w:this.offsetWidth, h:this.offsetHeight, offsetx:$(this).offset().left, offsety:$(this).offset().top}
          })
     },

     render:function(){
          jQuery(document).ready(function($){
               htmltooltip.iebody=(document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
               var $anchors=$('*[@rel="'+htmltooltip.tipclass+'"]')
               var $tooltips=$('div[@class="'+htmltooltip.tipclass+'"]')
               $anchors.each(function(index){ //find all links with "title=htmltooltip" declaration
                    this.dimensions={w:this.offsetWidth, h:this.offsetHeight, offsetx:$(this).offset().left, offsety:$(this).offset().top} //store anchor dimensions
                    this.tippos=index+' pos' //store index of corresponding tooltip
                    var tooltip=$tooltips.eq(index).get(0) //ref corresponding tooltip
                    if (tooltip==null) //if no corresponding tooltip found
                         return //exist
                    tooltip.dimensions={w:tooltip.offsetWidth, h:tooltip.offsetHeight}
                    $(tooltip).remove().appendTo('body') //add tooltip to end of BODY for easier positioning
                    htmltooltip.tooltips.push(tooltip) //store reference to each tooltip
                    htmltooltip.anchors.push(this) //store reference to each anchor
                    var $anchor=$(this)
                    $anchor.hover(
                         function(e){ //onMouseover element
                              htmltooltip.positiontip($, parseInt(this.tippos), e)
                              htmltooltip.showtip($, parseInt(this.tippos), e)
                         },
                         function(e){ //onMouseout element
                              htmltooltip.hidetip($, parseInt(this.tippos), e)
                         }
                    )
                    $(window).bind("resize", function(){htmltooltip.updateanchordimensions($)})
               })
          })
     }
}

htmltooltip.render()

Popular posts from this blog

SAP CPI - Loop Process Call with SuccessFactor (oData V2)

Image
This example will show you how to fetch data from SuccessFactor (oData V2 Message Protocal) with a specific page size. For example, if your data has 10,000 total records and each record consists of 20 child nodes (the result size is around 10MB), you can fetch data by 500 records per request by using Loop Process Call. # My integration process consists of 1. Content Modifier " Initial Data " which I declare property "fetchData". 2. Loop Process Call " Loop Fetch Data " which calls Local Integration Process " Fetch Data From SF ". 3. Groovy Script which writes data from property "fetchData" in an attachment format. This example will focus on step 2 - Loop Process Call & Local Integration Process. # Local Integration Process "Fetch Data from SF".  How does it work? 1. Use Request Reply to call SuccessFactor to get data 500 records per request. 2. Use Groovy Script to get some fields and return in XML format. 3. Use XML to CS...
Read more

Setting IntelliJ IDEA to run Groovy Script

Image
  1. Download Groovy SDK From https://groovy.apache.org/download.html or a specific version at  https://groovy.jfrog.io/artifactory/dist-release-local/groovy-zips/ Ex. Version 3.0.8 visit at https://groovy.jfrog.io/artifactory/dist-release-local/groovy-zips/apache-groovy-binary-3.0.8.zip 2. Unzip your download file. You can store it in the directory you need. 3. Open IntelliJ IDEA Application. 4. Create a new Project. In this step, you can create New Project and follow the default configuration or you can create an Empty Project and use a manual configuration. In this document will choose the Empty Project name “Groovy-Script”. 5. Right click on the project name and choose “Open Modul Settings” 6. The Project Structure window will be open. Choose Module in the left panel. On the right panel, please make sure your setting is the same as the below picture. -      Module SDK is OpenJDK or up to your java version on your computer -      G...
Read more

C# - BASE64 to Image

public void ConvertBase64ToImage(String strBASE64) {      String _outputFile = @"c:\temp\test.jpg";      try      {         Byte[] _imageBytes = Convert.FromBase64String(strBASE64);         MemoryStream ms = new MemoryStream(_imageBytes, 0, _imageBytes.Length);         // Convert byte[] to Image         ms.Write(_imageBytes, 0, _imageBytes.Length);         Image _image = Image.FromStream(ms, true);         _image.Save(_outputFile);         MessageBox.Show("save image success");      }      catch (Exception ex)      {      ...
Read more