javascript - Generating content from jQuery -


i working on jquery tooltip module personal use. in code i'm using jquery's mousemove , mouseout functions in order generate tooltip. however, when move mouse on element hits if statement in build function , says tooltip should there though can see in firebug , in chrome dev tools it's not. 

$.fn.tooltip = function(useroptions) {     var defaultoptions =    {                                 position: '',                                 follow: true                             };      var options = $.extend(defaultoptions, useroptions);      $(this).mouseenter(function()     {         var title = $(this).data('title');          build(title, options.position, options.follow);          var top, left;          var tooltip = $('#tooltip');          if (tooltip.hasclass('top'))         {             top = $(this).offset().top - ($(this).height() * 2) - 10;             left = $(this).offset().left;         }          else if (tooltip.hasclass('right'))         {             top = $(this).offset().top - ($(this).height() / 2);             left = $(this).offset().left + tooltip.width();          }          else if (tooltip.hasclass('bottom'))         {             top = $(this).offset().top + $(this).height() + 10;             left = $(this).offset().left;         }          else if (tooltip.hasclass('left'))         {             top = $(this).offset().top - ($(this).height() / 2);             left = $(this).offset().left - (tooltip.width() * 1.5);         }          tooltip.css('top', top).css('left', left).show();      });      $(this).mousemove(function(e)     {         if (options.position === "" || options.position === undefined || options.follow === true)         {             var title = $(this).data('title');              build(title, options.position, options.follow);              var top = e.pagey + 25;             var left = e.pagex + 10;              $('#tooltip').css('top', top).css('left', left).show();         }     });      $(this).mouseout(function()     {         $('#tooltip').hide();     });      function build(title, position, follow)     {         if ($('#tooltip'))         {             console.log("the tooltiop should on page.");             $('#tooltip-content > p').text = title;         }          else         {             console.log("position is: " + position);              var markup  = '<div id="tooltip" class=' + position + '">';                 markup += '<div id="tooltip-content">';                 markup += '<p>' + title + '</p>';                 markup += '<span id="tooltip-arrow"></span>';                 markup += '</div>';                 markup += '</div>';              $('body').append(markup);         }     } };

the original goal create tooltip first time user moves on element , when mouse moves away wanted hide tooltip , move out of way until it's needed again. that's why i'm checking see if exists in build function. know i'm overlooking something, can't figure out is. suggestions?

in build function change check in if like:

if ($('#tooltip').lenght) {

that return false if #tooltip not yet appended body , true if is. $('#tooltip') return jquery object never false length 0, false, if tooltip element not yet added body.

jsfiddle

regards.


Comments

Post a Comment

Popular posts from this blog

Payment information shows nothing in one page checkout page magento -

i using magento ver. 1.9.1.0 want remove shipping information , shipping method step 1 page checkout page. changed code in core file like in app\code\core\mage\checkout\block\onepage.php public function getsteps() { $steps = array(); $stepcodes = $this->_getstepcodes(); /* remove shipping address , shipping method */ $excludestep=array_diff($stepcodes,array('shipping','shipping_method')); //$excludestep=$stepcodes; if ($this->iscustomerloggedin()) { $stepcodes = array_diff($excludestep, array('login')); } foreach ($excludestep $step) { $steps[$step] = $this->getcheckout()->getstepdata($step); } return $steps; } and in app\code\core\mage\checkout\controllers\onepagecontroller.php public function savebillingaction() { if ($this->_expireajax()) { return; } if ($this->getrequest()-...
Read more

tcpdump - How to check if server received packet (acknowledged) -

Image
i running tcpdump on server capture traffic between server (servera) , remote server (serverb). not know how read output tcpdump. point out if serverb acknowledging packets being sent servera being received serverb? here tcpdump log: 2015-03-31 11:32:18.038284 ip (tos 0x0, ttl 64, id 30781, offset 0, flags [df], proto tcp (6), length 60) servera.14033 > serverb.8004: flags [s], cksum 0x02bd (correct), seq 337482636, win 14600, options [mss 1460,nop,nop,ts val 506588081 ecr 0,nop,wscale 7], length 0 0x0000: 4500 003c 783d 4000 4006 bae4 0a04 7a0e e.. servera.14033: flags [s.], cksum 0x3b2a (correct), seq 1742982091, ack 337482637, win 4140, options [mss 1380,nop,wscale 0], length 0 0x0000: 4500 0030 5ff2 0000 f606 5d3b cefd b48a e..0_.....];.... 0x0010: 0a04 7a0e 1f44 36d1 67e3 cbcb 141d 938d ..z..d6.g....... 0x0020: 7012 102c 3b2a 0000 0204 0564 0103 0300 p..,;*.....d.... 2015-03-31 11:32:18.078622 ip (tos 0x0, ttl 64, id 30782, offset 0, flags [...
Read more