Youjoomla Support Forums - [SOLVED] Tooltip in content

Youjoomla Support Forums (https://www.youjoomla.com/joomla_support/index.php)

- Anything Goes (https://www.youjoomla.com/joomla_support/forumdisplay.php?f=31)

- - [SOLVED] Tooltip in content (https://www.youjoomla.com/joomla_support/showthread.php?t=5249)

[SOLVED] Tooltip in content

Hello,

How to integrate the tooltip in the article? What code should enter? Is this correct?

Code:

<p id="simple">Simple text tooltip

<script type="text/javascript">// <![CDATA[

window.addEvent('domready', function(){



new ToolTip({tipper:'regular', message:'This one is a regular tooltip. Mouse out and Poof! It is gone. Magic stuff (eat your heart out David Blaine).<br />Like the example above, it supports images and HTML.'});



});

// ]]></script>

</p>

Thanks in advance

Hello

Here are the instructions about the tooltip:

Tooltips

Yes, I read it, but can never get the correct display tooltips. Can you, please write here with the correct display?

Thanks in advance

Quote:

Originally Posted by Skipper_Ri (Post 23578)

Yes, I read it, but can never get the correct display tooltips. Can you, please write here with the correct display?

Thanks in advance

There are several versions of the tooltip you can use, but the one you pasted in here is the regular one, so I will explain using that one..

First let me ask you what editor you are using?
When I tested this, I did it on a fresh demo installation, with default editor, and noticed it stripped off the id tag..which is the one that makes the tooltip work.

So as soon as I installed good joomla editor, and added the id in again, the tooltip worked.

This code you paste in right above the </head> tag of your index file:

<script type="text/javascript">

window.addEvent('domready', function(){

new ToolTip({tipper:'regular', message:'This one is a regular tooltip. Mouse out and Poof! It is gone. Magic stuff (eat your heart out David Blaine).<br>Like the example above, it supports images and HTML.'});

});

</script>

Then in your article you must paste this code into the html

<a id="regular" title="Normal ToolTip" href="#">regular ToolTip</a>

Notice the id, it is nessesary for it to work