Question

69

How do I position a div next to a mouse click using JQuery?

rated 0 times [ 75] [ 6] / answers: 1 / hits: 42232 / 14 Years ago, thu, august 19, 2010, 12:00:00

How do I position a div next to a mouse click using JQuery?

Thanks

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

debras

Add To Favorites

Follow

Total Points: 307

Total Questions: 98

Total Answers: 112

Location: Maldives

Member since Tue, Dec 21, 2021

2 Years ago

answered 14 Years ago travion · Accepted Answer

You can try:

$( td).click( function(event) {

  $(#divId).css( {position:absolute, top:event.pageY, left: event.pageX});

});

After additional question was asked in the comment:

$( td).click( function(event) {

  var div = $(#divId);

  div.css( {

      position:absolute, 

      top:event.pageY, 

      left: event.pageX});



  var delayTimer = setTimeout( function( ) {

        $that.fadeIn( slow);

     }, 100);



  div.mouseover( function( event) {

     if (delayTimer)

         clearTimeout( delayTimer);

  }).mouseout( function(){

     if (delayTimer)

         clearTimeout( delayTimer);

     var $that = $(this);

     delayTimer = setTimeout( function( ) {

        $that.fadeOut( slow);

     }, 500)         

  });

});