(Created page with "'''''wz''''' is a MediaWiki extension I wrote to enable tooltips (or mouse rollover). I rely for that on the [http://www.walterzorn.de/en/tooltip/tooltip_e.htm best tooltips...") |
|||
| Line 32: | Line 32: | ||
</pre> | </pre> | ||
| − | <wz tip="That's Walter on a quick 200km trip with his homebuilt carbon lowracer">[[Image:Kreuzot_ss.jpg]]</wz> | + | <wz tip="That's Walter on a quick 200km trip with his homebuilt carbon lowracer. This guy is awesome.">[[Image:Kreuzot_ss.jpg]]</wz> |
= Installation = | = Installation = | ||
Revision as of 20:22, 13 June 2011
wz is a MediaWiki extension I wrote to enable tooltips (or mouse rollover).
I rely for that on the best tooltips available on the web, those of Walter Zorn. As of 13, June (2011), I implemented only the most primitive features, but stronger support of Walter's wonderful toolkit (such as fading, opacity, timing, positioning, etc.) will be released later.
Contents |
Usage
Use the wz tag with an argument to tip that will be displayed over the encapsulated element:
<wz tip="That's that simple!">Roll over me!</wz>
Roll over me!
You can defer the tip to a tag using tagtotip instead of tip:
<wz tagtotip="tip">Roll over me!</wz> <span id="tip">That's ''that'' simple!</span>
Roll over me! That's that simple!
This way you can make very complicated tooltips. In particular, you can wikify them! (including images, etc. For links, you'll need to wait that I implement the sticky option).
You can conveniently "tooltip" all sorts of things, such as images:
<wz tip="That's Walter on a quick 200km trip with his homebuilt carbon lowracer. This guy is awesome.">[[Image:Kreuzot_ss.jpg]]</wz>
Installation
- Download wz.zip and uncompress in extension/wz/ directory.
- This includes Walter Zorn's java script files. You need to declare them inside the HTML body section, preferably immediately after the opening <body> tag. Typically, in your skin declaration (in skins directory), you may add the "print" line below (where mywiki is the name of your wiki), just after function doBeforeContent() {
function doBeforeContent() {
print "<script type=\"text/javascript\" src=\"/mywiki/extensions/wz/js/wz_tooltip.js\"></script>";
- Add in your LocalSettings.php:
require_once("$IP/extensions/wz/wz.php");
To do
- Fine tune css to highlights elements that can be tooltipped.
- Implement all (or more) options from the original library.
- Release publicly.