Easy Tooltip content change via Javascript

Question

Can you help me with changing the content of Easy Tooltip dynamically via Javascript? I tried almost everything:

document.getElementById('easy_tooltip').innerHTML(tooltipContent);
$("#easy_tooltip").html(tooltipContent);
$("#easy_tooltip").content(tooltipContent);

But it doesn't work. I cannot access the content of that element.

The example can be found here.

Thank you.

In the example, the change_tooltip function is never called. Have a look at the Chrome Developer Tools console. — Douglas
– Douglas, Commented Nov 28, 2012 at 10:29

Samuel Caillerie · Accepted Answer · 2012-11-28 10:46:20Z

1

The way this plugin is built is to use the title attribute of your element, so you can rather update your HTML code like this :

<a href="#" id="tooltip-1" class="tooltip" title="Tooltip 1">Tooltip 1</a>
<br />
<a href="#" id="tooltip-2" class="tooltip" title="Tooltip 2">Tooltip 2</a>

(See this fiddle)

And if you need a dynamic content, you can always modify this attribute with jQuery :

$("#tooltip-1").attr("title", "mycontent");

answered Nov 28, 2012 at 10:46

Samuel Caillerie

8,2652 gold badges29 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Gabriel Over a year ago

Thank you, so i need to put ID on all links.

Samuel Caillerie Over a year ago

Only if you need to change dynamically the tooltip content! In all cases, you don't need it. And you can also use selectors like $("a:eq(0)") if needed...

Gabriel Over a year ago

Thank you, you are a pure guru!

Collectives™ on Stack Overflow

Easy Tooltip content change via Javascript

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related