Help with Tooltip Plugin

  • 1
  • Question
  • Updated 7 years ago
  • Answered
Hi everyone!

Ok, so I've been experimenting with a Tooltip plugin I found off Tutorialzine the other day. I've got it working really nicely, as you can see here (move your cursor over links towards the bottom of my page)

When it was working I was really happy. But then I noticed it. For some weird reason that I can't figure out, the tooltip plugin is automatically applying itself to my navigation links. Can any gurus tell me why this might me happening? You can find all the source code in the link above.

I look forward to hopefully sorting this out!

Brandon
Photo of Brandon

Brandon

  • 243 Posts
  • 33 Reply Likes
  • confused

Posted 7 years ago

  • 1
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
Hi, Brandon,

Your javascript here: resources/Colourtip/script.js is adding a tooltip to anything that has a title attribute. It is coloring it yellow so it would seem that you could leave this off as the tooltips you want are blue. However, this is just a guess on my part--you could try removing it on a test page and see if the blue tooltips still work. The other option is to remove the title attribute from the menu items. Do this by going to Page Manager and remove the hover text from each item.
Photo of diane

diane

  • 1238 Posts
  • 121 Reply Likes
Actually, in looking at the tutorial the script.js is needed. You may want to look at the comments in the tutorial and see if anyone has a fix for this. Otherwise, removing the hover text is the way to go.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Diane - thanks so much for hopping on this thread!
Photo of Brandon

Brandon

  • 243 Posts
  • 33 Reply Likes
Thanks Diane! I'll they that today sometime and let you know how it goes.