Contents

module TooltipHelper
	def tooltip_for(id, tip)
	
	  js = <<-EOJS
	    Event.observe($('#{id}'), 'mouseover', function () {	
      	$('tooltip').innerHTML= "#{tip}"
      	$('tooltip').show()
      	return false
      });

      Event.observe($('#{id}'), 'mouseout',  function (){
      	$('tooltip').hide()
      });
      
      document.observe('mousemove', function (e) {
        if ($('tooltip').visible())
      	  {
            $('tooltip').setStyle('left: ' + e.pointerX() + 'px;');
            $('tooltip').setStyle('top: ' + (e.pointerY() - 30) + 'px;');
      	  }
      });
    EOJS
    content_for :javascript do
      javascript_tag js
    end
    
    content_for :head do 
      stylesheet_link_tag 'tooltip'
    end
    
    "<div id='tooltip' style='display: none'></div>"
  end
end

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
peteonrails-simple_tooltips-0.0.1	app/helpers/tooltip_helper.rb
peteonrails-simple_tooltips-0.0.2	app/helpers/tooltip_helper.rb
peteonrails-simple_tooltips-0.0.3	app/helpers/tooltip_helper.rb