how do I inspect a hover effect

668 views
Skip to first unread message

Cheyenne

unread,
Oct 9, 2008, 12:03:55 PM10/9/08
to Firebug
Hello,
I'm trying to modify some css that is held inside a popup tooltip
window. How can I use firebug to inspect these?
When I click "Inspect" all hover effects are blocked so the tooltip
does not pop up to allow inspection.

Any help would be awesomely appreciated!
Cheyenne W.

John J Barton

unread,
Oct 9, 2008, 12:19:43 PM10/9/08
to Firebug

Michael G Collins

unread,
Oct 9, 2008, 3:31:50 PM10/9/08
to fir...@googlegroups.com

If you are trying to edit some css that uses the :hover attributes, then I think you will run into the bug that John mentioned.

I'm not sure but if you are using javascript to show the popup then you might be able to work around it. I was working on a project where we had lots of popups that were called from mouseover events.  What I did was to pass 'this' as an argument to my mouseover handlers, because 'this' is the html element in that situation, So like:

<div onmouseover="doMouseOver(this)" onmouseout="doMouseOut(this)"></div>

Then when I was using firebug, i could inspect that element, then type in the command-line "doMouseOver($0)" and my tooltip would pop up but would not go away because I didn't have to move my mouse over the page, and I could go find the tooltip elment in the HTML panel.

mc

> Cheyenne <cheyenn...@gmail.com>
Reply all
Reply to author
Forward
0 new messages