m (→Usage) |
m (→Installation) |
||
Line 39: | Line 39: | ||
* Download wz.zip and uncompress in ''extension/wz/'' directory. | * 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, | + | * This includes Walter Zorn's java script files. You need to declare them inside the HTML ''body'' section, typically by adding a line as follows in the php skin declarations (in the skin/ directory): |
− | + | <code lang='php'> | |
− | + | echo Html::linkedScript( '/extensions/wz/js/wz_tooltip.js' ); | |
− | + | </code> | |
</pre> | </pre> | ||
* Add in your ''LocalSettings.php'': | * Add in your ''LocalSettings.php'': |
Contents |
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.
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>
echo Html::linkedScript( '/extensions/wz/js/wz_tooltip.js' );
</pre>
require_once("$IP/extensions/wz/wz.php");