?
Solved

jQuery Selector & Exclusion

Posted on 2009-06-30
3
Medium Priority
?
607 Views
Last Modified: 2012-05-07
I have the following codes, basically the alert should only fire if the user moves the cursor outside of the main box, it should never fire inside even when switching hover between div's inside the main box. That's why I tried :not(#main *), but that doesn't seem to work.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Test Page</title>
		<style>
			#body-content
			{
				margin:50px 0px; 
				padding: 0px;
				text-align: center;
			}
			
			#main {
				width:800px;
				height: 500px;
				margin:0px auto;
				text-align:left;
				padding:15px;
				border:1px dashed #333;
				background-color:#eee;
			}
			
			#navbar {
				background-color: #cc0000;
				margin-bottom: 250px;
			}
		</style>
		<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
		<script>
			$(document).ready(function(){		
				$("*:not(#main *)").mouseover(function(){
					alert("mouse out");
				}, function() {});
			});
		</script>
	</head>
 
	<body id="body-content">
		<div id="main">	
			<div id="navbar">
				Heres the navigation bar menu....
			</div>
			<div id="box">
				Heres some content in the box....
			</div>
		</div>
	</body>
</html>

Open in new window

0
Comment
Question by:jwzk
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 9

Accepted Solution

by:
Lakio earned 2000 total points
ID: 24752670

Use mouseleave
http://docs.jquery.com/Events/mouseleave
or hover( I think that also works )
http://docs.jquery.com/Events/hover
0
 

Author Comment

by:jwzk
ID: 24753301
Wow, didn't know that existed. Mouseleave is exactly what I was looking for, thanks!
0
 

Author Closing Comment

by:jwzk
ID: 31598652
Exactly what I was looking to do
0

Featured Post

Tutorial: Introduction to Managing a Linux Server

In this tutorial on systemd, we will explore:
-OS/Distro Adoption
-chkconfig and Other Legacy Commands
-Summary and Key Commands

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Color can increase conversions, create feelings of warmth or even incite people to get behind a cause. If you want your website to really impact site visitors, then it is vital to consider the impact color has on them.
Originally, this post was published on Monitis Blog, you can check it here . It goes without saying that technology has transformed society and the very nature of how we live, work, and communicate in ways that would’ve been incomprehensible 5 ye…
The viewer will learn how to dynamically set the form action using jQuery.
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…
Suggested Courses

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question