How to have a link in a tooltip in html

Asked Nov 30 '16 at 03:51

Active Sep 01 '20 at 09:28

Viewed 3,405 times

I have an html code like below,

<img src="{% static 'img/orange.png' %}" alt="Active Review" align="right" width="22" height="22" title="tooltip" ng-show="vio.orc_display.create_status == 8"/>

Including data-content(din't work too)

<img src="{% static 'img/orange.png' %}" data-toggle="popover" title="link to siverify" data-content="<a href='{% url 'verification' %}'</a>" alt="Active Review" align="right" width="22" height="22" ng-show="vio.orc_display.create_status == 8"/>

The title field gives me plain text tooltip. Is there any way to put a link in the tooltip in html?

For eg., I need to add the link "https://stackoverflow.com/" in the tooltip while I hover over the image specified in the code.

edited May 23 '17 at 11:45

Community

asked Nov 30 '16 at 03:51

SURYA VISWANATHAN

Where's your code? – Daerik Nov 30 '16 at 03:53
Edited with the code. – SURYA VISWANATHAN Nov 30 '16 at 03:54
Bootstrap, jQuery, jQuery UI? Plugin? – Daerik Nov 30 '16 at 03:56
Bootstrap would be the priority. – SURYA VISWANATHAN Nov 30 '16 at 03:59
you can use jquery for this.try this http://stackoverflow.com/questions/18231315/jquery-ui-tooltip-html-with-links – Mohammad Sadiqur Rahman Nov 30 '16 at 04:03
Looks good. But I want to do in my bootstrap. – SURYA VISWANATHAN Nov 30 '16 at 04:06
Possible duplicate of [Bootstrap Popover - how add link in text popover?](http://stackoverflow.com/questions/20299246/bootstrap-popover-how-add-link-in-text-popover) – Daerik Nov 30 '16 at 04:09
Pass true to the `html` option. Set in `[data-content]`. – Daerik Nov 30 '16 at 04:10
Can you edit data-content in my code? new to html. – SURYA VISWANATHAN Nov 30 '16 at 04:44
Is the way i used data-content, right? – SURYA VISWANATHAN Nov 30 '16 at 04:55

How to have a link in a tooltip in html

0 Answers0