Hide tooltip title tooltip on mouse popup or mouseover

Question

I hope that I can answer this question here ...

I have a client who wants to add the "Add to Cart" PayPal button inside the "Lightbox" window. I was able to achieve this by placing the PayPal code inside the image title tag.

Not sure if this is the best way, but it worked.

However, here is my problem ...

Now when you hover over the thumbnail of the image, the tooltip of the image header displays the PayPal code. Not good...

Is there any way to disable this feature? Can I tell browsers not to display this popup?

Here is the link (I applied the code only to the first two photos):

http://lancemissionart.com/index.php?Page=gallery&title=fof&gallery=msd

Thanks!

Answer 1

I would modify the lightbox to use a different attribute instead of the name, for example paypalForm. Modification on line 398 lightboxes.

398: imageArray.push(new Array(anchor.getAttribute('href'), anchor.getAttribute('paypalForm'))); 

Another option is only to set the title onMouseDown attribute and return it to an empty line when closing the lightbox.

Answer 2

You should switch from using Lightbox to Thickbox (it looks like you can experiment with it in your code). Lightbox is only for images (even if you made it very ugly by putting all this in the title tag and very wrong), Thickbox will allow you to include your form.

http://jquery.com/demo/thickbox/

Answer 3

Thickbox it is no longer supported!