3

I'm looking to implement a 'copy to clipboard' button exactly like github does. I'm using clippy to render the button and tipsy to get the tooltip.

Right now, there's a span of 14x14 wrapping the 14x14 flash object. However, when I apply the tipsy hover code on the surrounding span, the browser does not recognize a mouseover event because the flash object seems to grab it instead. Swapping wmode between transparent and opaque does not seem to change it.

Here is the current set up:

HTML: 

<span class="clippy-wrap" title="copy to clipboard"><object id="clippy" ...></span>

JavaScript: 

$('.clippy').tipsy();

What more is required for the browser to register a mouseover event on the flash object so that I can trigger the tooltip?

Shikiryu
  • 10,180
  • 8
  • 49
  • 75
ShravanP
  • 293
  • 1
  • 2
  • 7
  • Possible duplicate: http://stackoverflow.com/questions/4630830/onmouseover-a-flash-element – Decent Dabbler Aug 27 '11 at 00:21
  • Ah, thanks. Also, it turns out that I had to add wmode=transparent to the as well as the . That fixed the issue. – ShravanP Aug 30 '11 at 20:26
  • if you wanna hover your span try this $('.clippy-wrap').tipsy(); if you want to hover object $('#clippy').tipsy(); – Fury Oct 03 '13 at 17:02

0 Answers0