Adding tooltips on content text

[bjorntheart]

Is there a way of using tooltips on content text without disabling safe-html? Is there an extension function perhaps?

[bjorntheart]

Here's what i've got so far. This will allow you to add tooltips with editor/safe-html setting = to false. Which is not what my original post was about, but I thought people should know this.

1) Make 'customscripts' directory

sudo mkdir /var/www/deki-hayes/customscripts

2) Download the javascript files here http://www.walterzorn.com/scripts/wz_tooltip.zip


3) Extract the js files to 'customscripts' dir

sudo unzip -u wz_tooltip.zip -d /var/www/deki-hayes/customscripts

4) Change owner to www-data

sudo chown -R www-data /var/www/deki-hayes/customscripts

5) Tell apache not to rewrite the customscripts path

sudo nano /etc/apache2/sites-enabled/deki

a) Add the following line just after RewriteCond %{REQUEST_URI} !/(@api|editor|skins|config)/ and save the file

RewriteCond %{REQUEST_URI} !/(customscripts/|customscripts)

6) Restart apache and dekihost

sudo /etc/init.d/apache2 restart
sudo /etc/init.d/dekihost restart

7) Embed the script in a wiki page

{{  unsafe.script("http://192.168.1.15/customscripts/wz_tooltip.js")  }}

8) Call the tooltip function in wiki page

<a onmouseover="Tip('Place tooltip text here')"> This will display the tooltip</a>

9) You can also display a tooltip with html tables in it

<a onmouseover="Tip('
<table border=\'0\' cellspacing=\'5\'>
  <tr>
    <th colspan=\'2\' style=\'font-size:8pt;background:#ffcccc;\'>HTML table in tooltip<\/th>
  <\/tr>
  <tr>
    <td style=\'font-size:8pt;background:#ffffff;\'>Row 2, Cell 1<\/td>
    <td style=\'font-size:8pt;background:#ffffff;\'>Row 2, Cell 2<\/td>
  <\/tr>
  <tr>
    <td style=\'font-size:8pt;background:#ffffff;\'>Row 3, Cell 1<\/td>
    <td style=\'font-size:8pt;background:#ffffff;\'>Row 3, Cell 2<\/td>
  <\/tr>
<\/table>
 ')This will display a tooltip with an html table in it</a>