Jquery MouseOver

Hi Guys,

I have vertical slider in place using http://logicbox.net/jquery/simplyscroll

This works great how over I need to change some text ina div depending on where the scroller is

For example I am scrolling over a bottle and when the scroll hits the label I want to trigger an action

The way in which I am doing this now is using some mouseover code which works buit I need the mouse over hot spot from scroller to allow my custom mouse over to be triggered. I am guessing this all to do with the stacking of the divs


Here is my code



		<div class="big-bottle">
			<div id="hotcontain" style="position:absolute;">
				<div id="a1" style="background:red;" class="hotareas">
					Area 1
				</div>
				<div id="a2" style="background:green;" class="hotareas">
					Area 2
				</div>
				<div id="a3" style="background:pink;" class="hotareas">
					Area 3
				</div>

				<div id="a4" style="background:white;" class="hotareas">
					Area 4
				</div>
				<div id="a5" style="background:blue;" class="hotareas">
					Area 5
				</div>
			</div>
		</div>

Open in new window

$("#hotcontain").simplyScroll({
                  className: 'vert',
                  horizontal: false,
                  frameRate: 20,
                  speed: 5
            });
      
      
      
            $('#a1').mouseenter(function() {
              $('.g-txt').html('TEXT TO ADD FOR AREA 1');
            });
      
            $('#a2').mouseenter(function() {
                    $('.g-txt').html('TEXT TO ADD FOR AREA 2');
                  });
            
            $('#a3').mouseenter(function() {
                    $('.g-txt').html('TEXT TO ADD FOR AREA 3');
                  });


Open in new window


john_yourspaceAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Lukasz ChmielewskiCommented:
Could you post your code or at least tell us what is the problem when you hover the mouse on the div ? Does this do anything ?
0
chaitu chaituCommented:
0
john_yourspaceAuthor Commented:
Hi guys,

Sorry if I am not clear


A simple example is this


I have three divs

A container div
A button div
A content div



The content div over laps the button div ie is stacked on top as it moves



My question / problem


The content div has a mouse over action (changes text of another div)

My button div also has a mouse over action ie move the content div vertically


As two separate pieces my mouse over works


My problem is when some one mouses over the content div which is coverd by the button div only the button action happens I need both to happen


So to clarify two divs on top of one another I need both mouse actions to trigger
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
john_yourspaceAuthor Commented:
figured it out my self,
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
JavaScript

From novice to tech pro — start learning today.