[jQuery] Re: hover event going to infinite loop

2008-12-12 Thread Sridhar 

I do not have a domain to post this sample page? Are there any free
sites that I can use?

On Dec 11, 2:26 pm, Eric Garside gars...@gmail.com wrote:
 Do you have an example page up somewhere of what the issue is?



 On Thu, Dec 11, 2008 at 2:12 PM, brian bally.z...@gmail.com wrote:

  I'm sorry, I don't understand your problem. If you cannot set a width
  on the div then you should probably look at the hoverIntent plugin,
  which will keep your hover events from firing when the cursor passes
  over quickly (that is, accidentally). The plugin allows for setting a
  delay after which the hover event will be activated.

 http://cherne.net/brian/resources/jquery.hoverIntent.html
 http://plugins.jquery.com/project/hoverIntent

  On Thu, Dec 11, 2008 at 1:21 PM, Sridhar dsridha...@gmail.com wrote:

   Hi brian,

             I cannot set the width on the div tag unless the image is
   separated from the div tag. In my case, the image will be smaller
   compared to the width. The reason I included both of them in the same
   div tag is so that when I can hover over the details div. If it is
   outside the main div (#EmpDetails) tag, then as soon as the mouse
   leaves the image, the content will be hidden. Is there any other way
   to accomplish this?

   Thanks,
   sridhar.

   On Dec 11, 12:00 pm, brian bally.z...@gmail.com wrote:
   It's not an infinite loop. Your cursor is passing over the div and
   back several times, causing the hover states to toggle. Try this:

   div id=divEmpDetails style=border:1px solid #000;

   Now, run your cursor in and out of the div several times. The toggling
   should run for a bit, then stop.

   The fix is to either set a width on the div so that it doesn't go the
   entire width of the page or check out the hoverIntent plugin.

   On Thu, Dec 11, 2008 at 11:00 AM, Sridhar dsridha...@gmail.com wrote:

that didn't work.

On Dec 11, 1:00 am, sad1sm0 john.fan...@gmail.com wrote:
try unbinding before attaching the hover event

$('#divEmpDetails').unbind().hover();//fill in the gaps

Now that I look at your post I realize that's what fixed my gallery
issue.  Looks like a similar problem.  Maybe it'll help you too

 --
 Eric Garside
 Front End Developer
 LabPrints

[jQuery] Re: hover event going to infinite loop

2008-12-11 Thread Sridhar 

that didn't work.

On Dec 11, 1:00 am, sad1sm0 [EMAIL PROTECTED] wrote:
 try unbinding before attaching the hover event

 $('#divEmpDetails').unbind().hover();//fill in the gaps

 Now that I look at your post I realize that's what fixed my gallery
 issue.  Looks like a similar problem.  Maybe it'll help you too

[jQuery] Re: hover event going to infinite loop

2008-12-11 Thread brian 

It's not an infinite loop. Your cursor is passing over the div and
back several times, causing the hover states to toggle. Try this:

div id=divEmpDetails style=border:1px solid #000;

Now, run your cursor in and out of the div several times. The toggling
should run for a bit, then stop.

The fix is to either set a width on the div so that it doesn't go the
entire width of the page or check out the hoverIntent plugin.

On Thu, Dec 11, 2008 at 11:00 AM, Sridhar [EMAIL PROTECTED] wrote:

 that didn't work.

 On Dec 11, 1:00 am, sad1sm0 [EMAIL PROTECTED] wrote:
 try unbinding before attaching the hover event

 $('#divEmpDetails').unbind().hover();//fill in the gaps

 Now that I look at your post I realize that's what fixed my gallery
 issue.  Looks like a similar problem.  Maybe it'll help you too

[jQuery] Re: hover event going to infinite loop

2008-12-11 Thread Sridhar 

Hi brian,

   I cannot set the width on the div tag unless the image is
separated from the div tag. In my case, the image will be smaller
compared to the width. The reason I included both of them in the same
div tag is so that when I can hover over the details div. If it is
outside the main div (#EmpDetails) tag, then as soon as the mouse
leaves the image, the content will be hidden. Is there any other way
to accomplish this?

Thanks,
sridhar.

On Dec 11, 12:00 pm, brian [EMAIL PROTECTED] wrote:
 It's not an infinite loop. Your cursor is passing over the div and
 back several times, causing the hover states to toggle. Try this:

 div id=divEmpDetails style=border:1px solid #000;

 Now, run your cursor in and out of the div several times. The toggling
 should run for a bit, then stop.

 The fix is to either set a width on the div so that it doesn't go the
 entire width of the page or check out the hoverIntent plugin.

 On Thu, Dec 11, 2008 at 11:00 AM, Sridhar [EMAIL PROTECTED] wrote:

  that didn't work.

  On Dec 11, 1:00 am, sad1sm0 [EMAIL PROTECTED] wrote:
  try unbinding before attaching the hover event

  $('#divEmpDetails').unbind().hover();//fill in the gaps

  Now that I look at your post I realize that's what fixed my gallery
  issue.  Looks like a similar problem.  Maybe it'll help you too

[jQuery] Re: hover event going to infinite loop

2008-12-11 Thread brian 

I'm sorry, I don't understand your problem. If you cannot set a width
on the div then you should probably look at the hoverIntent plugin,
which will keep your hover events from firing when the cursor passes
over quickly (that is, accidentally). The plugin allows for setting a
delay after which the hover event will be activated.

http://cherne.net/brian/resources/jquery.hoverIntent.html
http://plugins.jquery.com/project/hoverIntent


On Thu, Dec 11, 2008 at 1:21 PM, Sridhar dsridha...@gmail.com wrote:

 Hi brian,

   I cannot set the width on the div tag unless the image is
 separated from the div tag. In my case, the image will be smaller
 compared to the width. The reason I included both of them in the same
 div tag is so that when I can hover over the details div. If it is
 outside the main div (#EmpDetails) tag, then as soon as the mouse
 leaves the image, the content will be hidden. Is there any other way
 to accomplish this?

 Thanks,
 sridhar.

 On Dec 11, 12:00 pm, brian bally.z...@gmail.com wrote:
 It's not an infinite loop. Your cursor is passing over the div and
 back several times, causing the hover states to toggle. Try this:

 div id=divEmpDetails style=border:1px solid #000;

 Now, run your cursor in and out of the div several times. The toggling
 should run for a bit, then stop.

 The fix is to either set a width on the div so that it doesn't go the
 entire width of the page or check out the hoverIntent plugin.

 On Thu, Dec 11, 2008 at 11:00 AM, Sridhar dsridha...@gmail.com wrote:

  that didn't work.

  On Dec 11, 1:00 am, sad1sm0 john.fan...@gmail.com wrote:
  try unbinding before attaching the hover event

  $('#divEmpDetails').unbind().hover();//fill in the gaps

  Now that I look at your post I realize that's what fixed my gallery
  issue.  Looks like a similar problem.  Maybe it'll help you too

[jQuery] Re: hover event going to infinite loop

2008-12-11 Thread Eric Garside 
Do you have an example page up somewhere of what the issue is?

On Thu, Dec 11, 2008 at 2:12 PM, brian bally.z...@gmail.com wrote:


 I'm sorry, I don't understand your problem. If you cannot set a width
 on the div then you should probably look at the hoverIntent plugin,
 which will keep your hover events from firing when the cursor passes
 over quickly (that is, accidentally). The plugin allows for setting a
 delay after which the hover event will be activated.

 http://cherne.net/brian/resources/jquery.hoverIntent.html
 http://plugins.jquery.com/project/hoverIntent


 On Thu, Dec 11, 2008 at 1:21 PM, Sridhar dsridha...@gmail.com wrote:
 
  Hi brian,
 
I cannot set the width on the div tag unless the image is
  separated from the div tag. In my case, the image will be smaller
  compared to the width. The reason I included both of them in the same
  div tag is so that when I can hover over the details div. If it is
  outside the main div (#EmpDetails) tag, then as soon as the mouse
  leaves the image, the content will be hidden. Is there any other way
  to accomplish this?
 
  Thanks,
  sridhar.
 
  On Dec 11, 12:00 pm, brian bally.z...@gmail.com wrote:
  It's not an infinite loop. Your cursor is passing over the div and
  back several times, causing the hover states to toggle. Try this:
 
  div id=divEmpDetails style=border:1px solid #000;
 
  Now, run your cursor in and out of the div several times. The toggling
  should run for a bit, then stop.
 
  The fix is to either set a width on the div so that it doesn't go the
  entire width of the page or check out the hoverIntent plugin.
 
  On Thu, Dec 11, 2008 at 11:00 AM, Sridhar dsridha...@gmail.com wrote:
 
   that didn't work.
 
   On Dec 11, 1:00 am, sad1sm0 john.fan...@gmail.com wrote:
   try unbinding before attaching the hover event
 
   $('#divEmpDetails').unbind().hover();//fill in the gaps
 
   Now that I look at your post I realize that's what fixed my gallery
   issue.  Looks like a similar problem.  Maybe it'll help you too




-- 
Eric Garside
Front End Developer
LabPrints

[jQuery] Re: hover event going to infinite loop

2008-12-10 Thread sad1sm0 

try unbinding before attaching the hover event

$('#divEmpDetails').unbind().hover();//fill in the gaps

Now that I look at your post I realize that's what fixed my gallery
issue.  Looks like a similar problem.  Maybe it'll help you too