Home » Extensions » Tooltips
NoNumber!

Joomla!® Websites & Extensions
development  -  support  -  consultancy

With Tooltips you can easily add tooltips to your content.

If you use Tooltips, please post a rating and a review at the Joomla! Extensions Directory.

Description

With Tooltips you can use a simple syntax to give any piece of text or image a nice and simple tooltip.

You can create these tooltips virtually anywhere in your site. So not only in articles, but also in modules and components.

Syntax

The syntax simply looks like:

{tip Tooltip Title::Tooltip text}...{/tip}

See here for more examples.

Editor Button

You can use the editor button to place an example tooltip tag.

Styling

The default styling is based on the tooltips used in the Joomla administrator, with the adition of some CSS3 styles like border radius and a shadow.

There are several styling options in the Tooltips plugin settings. You can customize other elements via css.

It's best to overrule styles by adding definitions to your templates stylesheet, so your custom styles don't get overwritten when updating Tooltips in the future.

Options

Tooltips is packed with options, giving you control over how the tooltips look and behave. Here is a small list of what you can control via the Tooltips plugin settings:

  • Underline link text
    • Style (none/solid/dashed/dotted)
    • Color
  • Tooltip styling
    • Background color
    • Border color/width
    • Rounded corners/radius)
  • Delay in showing/hiding the tooltip
  • Make tooltip fixed or move with mouse
  • Z-index (can be changed incase you have overlapping issues with other elements)

Mootools Compatibility

Tooltips uses the Joomla core mootools and tooltip scripts. Some templates and extensions use there own javascript library which can cause conflicts with the core mootools script.

Beta Version

Tooltips is still in beta. This means it is pretty new and options and functionality might change quite a bit before its stable release.

Examples

Tooltip with title and text

Hover here to see tooltip

{tip Cool...::This is a tooltip!}Hover here to see tooltip{/tip}

Tooltip with only text

Hover here to see tooltip

{tip This is a tooltip!}Hover here to see tooltip{/tip}

Tooltip with rich text

Hover here to see tooltip

{tip You can use bold, italic, underlined text.
Or use enters and any other markup you want!}Hover here to see tooltip{/tip}

Tooltip with images

You can even make images show in the tooltips and use this - for example - as a gallery:

{tip }{/tip} {tip }{/tip}
{tip }{/tip} {tip }{/tip}
{tip }{/tip} {tip }{/tip}

Or simply place the html in the {tip} tags, instead of the large images, like:

{nocdn}{tip <img src="/images/stories/fruit_1.jpg" height="150" width="200" />}{/tip}
{tip <img src="/images/stories/fruit_2.jpg" height="150" width="200" />}{/tip}
{tip <img src="/images/stories/fruit_3.jpg" height="150" width="200" />}{/tip}
{tip <img src="/images/stories/fruit_4.jpg" height="150" width="200" />}{/tip}
{tip <img src="/images/stories/fruit_5.jpg" height="150" width="200" />}{/tip}
{tip <img src="/images/stories/fruit_6.jpg" height="150" width="200" />}{/tip}
{/nocdn}

Tutorials

Specs

Specifications

Tooltips is a Joomla extension compatible with Joomla 1.5, Joomla 1.7 and Joomla 2.5.

The extension consists of:

  • a system plugin
  • an editor button plugin

Requirements

Tooltips will only work correctly if your setup meets these requirements:

  • Up-to-date version of Joomla!
  • PHP 5.3+
  • PHP mbstring (Multibyte String) functions should be enabled
  • MySQL 5+

Using PHP 5.2 (or lower)?
PHP 5.2 is old and support for it has stopped with the release of PHP 5.2.16 (16-Dec-2010). This means that PHP 5.2 cannot be considered stable or secure anymore.
If your host will not or cannot provide you with an up-to-date version of PHP, then you have reason enough to look for a decent host.
PHP 5.2 mainly has problems with installation of the zip packages. The extensions might work without problems for you once installed, but I can not give any guarantees on that.
>> For more detailed information, read: No more php 5.2 support - move on to php 5.3

I can not provide support for setups that do not meet the above requirements.

The core Joomla files should of course not be altered in any way.

Installation

The easiest way to install/update is via the NoNumber! Extension Manager.

If you have problems installing Tooltips, please try the manual installation process as described here:
docs.joomla.org/Installing_an_extension

Otherwise, please report this on the forum or let me know via the contact form.

Updating

If you want to update to the latest version, you do not have to uninstall first.

The easiest way to install/update is via the NoNumber! Extension Manager.

You can also update simply by installing the package via the Joomla core installation process.

Downgrading

If for some reason you need to downgrade, it is best to uninstall the extension first.

Also, you will have to uninstall the NoNumber! Framework plugin (system) (and the NoNumber Elements plugin if you have it installed).

After that you can simply install the older version zip file.

Please note that I cannot not provide support on older versions!

Open Source License

Tooltips is an Open Source Joomla extension. It is in compliance with the GNU/GPL license:
Licence: GNU/GPL GNU General Public License, version 2

Joomla is also Open Source.

Support

Need more help?

Before requesting help, make sure your installation and setup meet the requirements (see the Specs) and your extensions are up-to-date.

If you need more help, please take a look in the NoNumber! Forum.
If you can't find your answer there, please post your question. I am very willing to help!

You can also contact me via the contact form or via chat (if I'm online).

Changelog

Changelog

+ = Added ! = Removed ^ = Changed # = Fixed

10-Feb-2012 : v1.2.1
+ Added option to overrule the default code the editor button inserts
+ Added translations: it-IT
^ Updated translations: lt-LT, pt-BR, ru-RU, sl-SI, th-TH
^ Cleaned up more code
^ Improved cleanup of scripts/styles when there are no tabs on the page
# Fixed issue with installer not removing the folder/zip from the tmp

09-Nov-2011 : v1.2.0
+ Added option to make tooltip sticky (have to click to hide it)
+ Added options to set the horizontal and vertical offset of the tooltip
+ Added options to set text and link color
^ Cleaned code syntax (no longer guaranteed support for php 5.2.x and lower)
^ Improved cleanup of scripts/styles when there are no tabs on the page
# Fixed issue with tags being handled in some edit forms
# Fixed issue with urls in the tooltips not being converted to SEF urls

14-Oct-2011 : v1.1.1
# Fixed issue with title/text in tooltip being shortened by default !MooTools 1.11 functionality
# Fixed security issue in !NoNumber! Framework plugin

08-Oct-2011 : v1.1.0
^ Improved installer
^ Moved translation language files to main package (no more language packs)
^ Cleaned up some code (like no more use of DS)
# Fixed issue with tags being handled in editor button popup
# Fixed issue with php error in article edit pages
# Fixed issue with tips with no separate title not showing correctly with fixed option

16-Sep-2011 : v1.0.0
+ First stable release
^ Changed !NoNumber! Elements plugin to !NoNumber! Framework
^ Moved common language strings to !NoNumber! Framework files
# Fixed issues with handling other plugin tags within the tip tag
# Fixed issue mootools errors on some Joomla 1.7 setups

05-Aug-2011 : v0.3.3
# Fixed issue mootools errors on some setups

05-Aug-2011 : v0.3.3
# Fixed issue error on datetime.php (Joomla 1.5)

04-Aug-2011 : v0.3.2
# Fixed issue with setting elements not working (Joomla 1.5)

04-Aug-2011 : v0.3.1
+ Added options to fade in/out the tooltip
^ Improved auto width of tooltip when it contains larger images

21-Jul-2011 : v0.3.0
+ Added options to control handing of the tooltip (fixed, show/hide delay, z-index)
+ Added option to set the underline style and color
+ Added options to set the max-width of the tooltip
+ Added auto width of tooltip if it has a larger image

05-Jul-2011 : v0.2.0
+ Added Commercial License code check
+ Added ability to add classes to tag

03-Jul-2011 : v0.1.3
+ Added options to set background and border of tooltip in plugin settings
^ Removed the tooltip arrow

02-Jul-2011 : v0.1.2
+ Added some extra styling (border radius and shadow via !CSS3)
^ Improved handling for images
^ Changed some styles for better compatibility

01-Jul-2011 : v.1.1
+ Added styles for link
# Fixed styling for mootools 1.11
# Fixed styling conflicts with templates

01-Jul-2011 : v0.1.0
+ First beta release

Commercial License

Tooltips is completely free and you DON'T need a Commercial License Code to use it.

However, if you use my extensions on websites that you make money from, I would appreciate it if you purchase a License Code.
The License Code will remove the license message from the extensions administrator screens.

Note: If you don't want to pay for the License Code and want to continue to use the extension for free, please do. You will just have to ignore the license message in the administrator.

Note: If you have donated before and feel you should get some reduction on the price, please contact me about it... we'll sort it out :)

more information...

 

 

Here you can see the difference between the use of the extensions without and with Commercial License Code.

WITHOUT Commercial License CodeWITH Commercial License Code
Full version download yes YES yes YES
Full functionality yes YES yes YES
Message in administrator license_invalid license_valid
Encrypted no NO no NO
Free updates yes YES yes YES
Free support yes YES yes YES
Free RSS news subscription yes YES yes YES
Free holiday to Barbados no NO no NO

Download

Downloads

Tooltips is compatible with Joomla 1.5, Joomla 1.7 and Joomla 2.5

NOTE: Tooltips needs PHP 5.3+. Please see the specs for more requirements.

  • Are you going to use this extension on a commercial website? Please consider buying a License Code

More downloads...

Please clear your browsers cache after updating an extension.

NOTE: Joomla 1.6 is no longer supported. Joomla 1.6 reached end-of-life in August 2011. If you have a site running on Joomla 1.6 you are urged to upgrade to Joomla! 2.5. Tooltips will probably still work on Joomla 1.6, but any issues specific to Joomla 1.6 will not be fixed.

Tip!

Are you using multiple NoNumber! extensions?
Install the NoNumber! Extension Manager to easily keep them up-to-date.

Languages

This extension comes with the following languages:

  • [pt-BR] Brazilian Portuguese
  • [ca-ES] Catalan
  • [nl-NL] Dutch
  • [en-GB] English
  • [de-DE] German
  • [it-IT] Italian
  • [lt-LT] Lithuanian
  • [ru-RU] Russian
  • [sl-SI] Slovenian
  • [es-ES] Spanish
  • [sv-SE] Swedish
  • [th-TH] Thai

No language pack for your language?

I welcome you to help out and get involved with translations for NoNumber! extensions.

I am using Transifex for the translations of all NoNumber! extensions. So I kindly ask you to join Transifex.

There is a translation team/group set up especially for Joomla projects: OpenTranslators.

To join, see the different steps on the right under: Translator Guide: http://opentranslators.org/en/how-to

You can find all the NoNumber! projects here: https://www.transifex.net/projects/tag/nonumber/

All language files will be updated and packed with every new release of the individual extensions.

OpenTranslators

 
Open Source Training | Online Joomla! Training and Support
MaxCDN | Content Delivery Network | Accelerate your site to the max
hosting joomla