I am currently switching the menu of my site from pure JavaScript to jQuery. My menu has a rollout / rollin effect.  The menu has an outer wrapper which has an onmouseout event set. If this fires, the relatedTarget is checked whether it's a child...

I'm no expert in this so excuse me if this is very basic but I couldn't find answers.  So I want to have navigation section with categories on the left side of the page. Each category is different site, and each site has it's own unique i...

Okay, so, I have a bit of a strange situation which I have encountered multiple times. I'm looking for a simple/the best solution, NOT the overcomplicated solution I used before (and have since forgotten).  You see, I have a slideshow. I also hav...

So I have this JavaScript I am working on, and I want to show/hide another HTML element on mouseover but it wont work. Here's The HTML:  <div class='post' onmouseover="document.getElementsByClassName('another_element').styl...

So here is an example of the function I need to replicate:  document.getElementById('img1').onmouseover = function() {     document.getElementById('img1').style.width = expandTo + '%';      expandCompensate(1); }  document.get...

When mouse pointer enters link, onmouseenter calls function that works, but when mouse pointer leaves link, and it leaves very fast, onmouseleave does not fully execute the function, otherwise if going out slowly, it executes like it should  I have t...

I just recently ran into this issue and I wish I could get some top ideas from here. Here is how my code looks like:  $(document).on('mouseover', '#element', function(){     $.ajax({           // generate hover vie...

I am facing a problem when I am trying to detect that mouse has been moved upward or downward when mouseleave event fires on the document using offsetY value. Ideally it should be negative while mouse has been moved to upward direction and positive w...

Ok, I should change the title. It works if the hover is over the entire page, but if I put the hover only over a div, it doesn't work.  inside the body:  <div id="gallery">   <img src="slides/BarbedWire.jpg" alt="Barb...

i have a problem with onmouseover and onnmouseout, it doesn't work.  $tr_mouseover = "#d3d3d3"; $tr_mouseout = "#bababa";  $table_height = "<tr bgcolor=".$tr_bg." height=\"40\" onmouseover=\"this.bgColor...