Click Anywhere and Animating Group Visibility

I’m trying to get a group of controls to fade in on a mouse click (or touch) anywhere (not a specific element) and then fade away again (and become disabled of course) after a period of inactivity. Any suggestions?

OK, I got this working but I have a zillion elements on the page and don’t want to have to create an event for each one to activate it. Any way to create a global mouse click event?


Hi, you might find this useful, i learnt about using span with onclick event from @keith
I designed this for a Twitter style message popup/close action,
i didnt want pointer cursor on whole float group.

To give span height & width in needs to be : display: inline-block;

Thanks Beau. Does that html/javascript need javascripttoBubble to work or to trigger bubble_fn_close()? Also, does the whole page html pick up clicks even when an element is on top of it?

Yes you need toolbox plugin.
if an element is in front of it, it wont trigger, unless that element has pointer-event: none

Cool, thanks for the pointer :slight_smile:

This topic was automatically closed after 70 days. New replies are no longer allowed.