Databases
StackOverflow2013
Postsdbo
POJQUERY error : null or not an object. Any Jquery Ninjas that can help?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJQUERY error : null or not an object. Any Jquery Ninjas that can help?
    text
    copied!<p>Any JQUERY NINJA's out there?</p> <p>Getting an error in IE ? </p> <p><strong><code>'tip' is null or not an object</code></strong></p> <p>Here is the small script:</p> <pre><code> $(document).ready(function() { //Tooltips var tip; $(".tip_trigger").hover(function(){ //Caching the tooltip and removing it from container; then appending it to the body tip = $(this).find('.tip').remove(); $('body').append(tip); tip.show(); //Show tooltip }, function() { tip.hide().remove(); //Hide and remove tooltip appended to the body $(this).append(tip); //Return the tooltip to its original position }).mousemove(function(e) { //console.log(e.pageX) var mousex = e.pageX + 20; //Get X coodrinates var mousey = e.pageY + 20; //Get Y coordinates var tipWidth = tip.width(); //Find width of tooltip var tipHeight = tip.height(); //Find height of tooltip //Distance of element from the right edge of viewport var tipVisX = $(window).width() - (mousex + tipWidth); var tipVisY = $(window).height() - (mousey + tipHeight); if ( tipVisX &lt; 20 ) { //If tooltip exceeds the X coordinate of viewport mousex = e.pageX - tipWidth - 20; $(this).find('.tip').css({ top: mousey, left: mousex }); } if ( tipVisY &lt; 20 ) { //If tooltip exceeds the Y coordinate of viewport mousey = e.pageY - tipHeight - 20; tip.css({ top: mousey, left: mousex }); } else { tip.css({ top: mousey, left: mousex }); } }); }); </code></pre> <p>Updated Code:(Can't seem to integrate your updated code into this)</p> <pre><code>$(document).ready(function() { //Tooltips var tip = null; $(".tip_trigger").hover(function(){ //Caching the tooltip and removing it from container; then appending it to the body tip = $(this).find('.tip').remove(); $('body').append(tip); tip.show(); //Show tooltip }, function() { tip.hide().remove(); //Hide and remove tooltip appended to the body $(this).append(tip); //Return the tooltip to its original position }).mousemove(function(e) { //console.log(e.pageX) if ( tip == null ) return; var mousex = e.pageX + 20; //Get X coodrinates var mousey = e.pageY + 20; //Get Y coordinates var tipWidth = tip.width(); //Find width of tooltip var tipHeight = tip.height(); //Find height of tooltip //Distance of element from the right edge of viewport var tipVisX = $(window).width() - (mousex + tipWidth); var tipVisY = $(window).height() - (mousey + tipHeight); if ( tipVisX &lt; 20 ) { //If tooltip exceeds the X coordinate of viewport mousex = e.pageX - tipWidth - 20; $(this).find('.tip').css({ top: mousey, left: mousex }); } if ( tipVisY &lt; 20 ) { //If tooltip exceeds the Y coordinate of viewport mousey = e.pageY - tipHeight - 20; tip.css({ top: mousey, left: mousex }); } else { tip.css({ top: mousey, left: mousex }); } }); }); </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload