Javascript Tooltip / Posts /

Nest another tooltip in a tooltip

3

I have a simple "test.html" that display a tooltip when mouse over an element.  It works fine when mouse over "Hover me"

<span onmouseover="tooltip.pop(this, 'HELLO')">Hover me</span>

I have another program that AJAX calls "test.html".  It works but when mouse over the "Hover me" in this AJAX-call "test.html", it doesn't show tooltip "HELLO"

<b onmouseover="tooltip.ajax(this,'test.html')">Click Me</b> 

Can tooltip supports such nested tooltip?  Or can it be implemented?

Wilson  3 years ago   viewed: 5555    

1 Answer

0

To make the nested tooltip widget working, you should either:

  • Set the nested tooltip to have a specific option to enable sticky or overlay;
  • or:
  • Set the nested tooltip to be triggered by an event other than the onmouseover event.

For example, instead of <b onmouseover="tooltip.ajax(this,'test.html')">Click Me</b>, you can write it as:

<b onclick="tooltip.ajax(this,'test.html', {sticky:true})">This is a nested tooltip</b>

You can see an example of this usage from the page Responsive Image Slider (Hovering the link "Style the pager", and then click the FAQ 5 link in the tooltip window)

milo   3 years ago

   

Your name*
Password
(Optional. Used to modify this post afterwords)
+ =  

Ask your Own Question

  • 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;

  • When you want to start a new page for your question: