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)

Skipper_Ri 01-15-2010 01:54 AM

[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

orion_ 01-15-2010 03:44 AM

Hello

Here are the instructions about the tooltip:

Tooltips

Skipper_Ri 01-15-2010 03:51 AM

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

Thanks in advance

orion_ 01-15-2010 06:09 AM

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


All times are GMT -4. The time now is 02:20 PM.

Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.