Also, I have a line break after the target of the tooltip, how can I prevent that? Thanks in advance!
Hi, I'm going to bother you again, I promise this is the last time. When I insert differents tooltips on the same page, the content of the tooltip box is the same, whereas it should be different.
Here is an exemple : http://www.ebookboost.fr/1.1.html
(same content on the first two tooltip boxes, while the code is this :
<span class="tooltip" onmouseover="tooltip.pop(this, '#demo2_tip')"><strong>querelle</strong> </span>
<div style="display:none;">
<div id="demo2_tip"> dispute</div>
</div>
and this :
<span class="tooltip" onmouseover="tooltip.pop(this, '#demo2_tip')"><strong>brebis</strong> </span>
<div style="display:none;">
<div id="demo2_tip">
<img src="images/brebis.png" style="float:right;" />
</div>
</div>)
Also, I have a line break after the target of the tooltip, how can I prevent that? Thanks in advance!
The id of an element on the page must be unique. You cannot have two <div id="demo2_tip">..</div> elements.
You have the line-break because you have closed the paragraph by </p>.
So, multiple tooltips with different contents on the same page aren't possible?
It is possible. But you should assign different IDs.
Ok, got it. Thanks a lot for taking the time to answer!
If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;
If your question is related to the Javascript Tooltip, click:
Ask new question: Javascript TooltipOtherwise navigate to one of the following forum categories, and post your question there.
##