Solved

jQuery Selector & Exclusion

Posted on 2009-06-30
3
603 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
  • 2
3 Comments
 
LVL 9

Accepted Solution

by:
Lakio earned 500 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

Guide to Performance: Optimization & Monitoring

Nowadays, monitoring is a mixture of tools, systems, and codes—making it a very complex process. And with this complexity, comes variables for failure. Get DZone’s new Guide to Performance to learn how to proactively find these variables and solve them before a disruption occurs.

Question has a verified solution.

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

Because your company can’t afford for you to make SEO mistakes, you’ll want to ensure you’re taking the right steps each and every time you post a new piece of content. This list of optimization do’s and don’ts can help you become an SEO wizard.
When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

733 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