Databases
StackOverflow2013
Postsdbo
POjQuery mousemove stop
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POjQuery mousemove stop
    primarykey
    data
    text
    <p><em>English translation by Felix:</em></p> <p>I want to create a menu which follows the mouse cursor and stops moving if the cursor is in a certain distance to it. My solution so far: I created two nested divs. In inner div contains the menu. The outer div is for stopping the menu. If the cursor moves over the outer div, the inner div should stop and stay as long as cursor hovers over it. *EDIT: And the menu should stop softly but quickly.</p> <p><em>Original German:</em></p> <p>ich möchte ein Menü erstellen welches meinen Mauszeiger verfolgt und in bestimmter nähe stehen bleibt. Mein Lösungsansatz ist folgender: Ich baue 2 ineinander verschachtelte DIVs. Im inneren DIV ist das Menü vorhanden. Das äußere Div ist zum stoppen da. Also wenn ich mit dem Mauszeiger in das äußere Div gehe soll das innere DIV stark abbremsen und stehen bleiben, solange ich drin bin.</p> <p>Hier mein derzeitiger Code (fw's: jQuery):</p> <pre><code>var div = jQuery("&lt;div id='menubox'&gt;&lt;div id='innerdiv'&gt;&amp;nbsp;&lt;/div&gt;&lt;/div&gt;").appendTo("body"); var mouseX = 300, mouseY = 300; jQuery(document).mousemove(function (el) { if (onMenu == false) { mouseX = el.pageX; mouseY = el.pageY; } }); jQuery('#menubox').mouseenter(function (el) { onMenu = true; stopMoving(); }).mouseleave(function (el) { onMenu = false; startMoving(); }); var xp = 0, yp = 0; function stopMoving() { clearTimeout(timer); timer = setTimeout(function () { clearInterval(loop); }, 100); } function startMoving() { clearTimeout(timer); clearInterval(loop); loop = setInterval(function () { xp += (mouseX - xp) / 20; yp += (mouseY - yp) / 20; jQuery('#menubox').css({ left: xp, top: yp }); }, 40); } startMoving(); // StartMoving on Page Load </code></pre> <p>*EDIT: I had an IE Bug. I had to place a transparent gif at outer div. Now this function is ok. If im in the outer or inner div, the div dont move, but it dont stop quickly. It should stop very soft and quick and dont move i.e. 200px and than stops or stops hard with clearIntervall(). Should i make one more timer?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USSand
    1. USSand
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. POjQuery mousemove stop
      1. This table or related slice is empty.
      1. VTUpMod
    1. COHello, this site works in English. It's not likely that you'll get a response in another language.
      singulars
      1. POjQuery mousemove stop
      1. USPiskvor
    2. COHi, und was funktioniert nun daran nicht? Hi, and what is wrong with the code? As this is an English speaking community, I would prefer to post in English.
      singulars
      1. POjQuery mousemove stop
      1. USyan.kun
    3. CO@Sand: StackOverflow Fragen müssen in Englisch sein. Sie können zu einer angemessenen Übersetzung aus http://translate.google.com bekommen, obwohl es nicht perfekt.
      singulars
      1. POjQuery mousemove stop
      1. UST.J. Crowder
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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