plugin:progressbar
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
plugin:progressbar [2009-08-11 14:32] – 134.130.4.46 | plugin:progressbar [2024-01-09 02:47] (current) – downloadurl Aleksandr | ||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== Progress | + | ====== Progress |
---- plugin ---- | ---- plugin ---- | ||
Line 10: | Line 10: | ||
depends | depends | ||
conflicts | conflicts | ||
- | similar | + | similar |
- | tags : | + | tags : |
+ | |||
+ | downloadurl : https:// | ||
+ | bugtracker | ||
+ | sourcerepo | ||
+ | donationurl : | ||
+ | |||
+ | screenshot_img : | ||
---- | ---- | ||
===== Introduction ===== | ===== Introduction ===== | ||
- | The original author of this plugin was [[mmiikkee13@gmail.com|Mike Smith]]. Looking at the comments | + | |
+ | The original author of this plugin was [[mmiikkee13@gmail.com|Mike Smith]]. Looking at the comments | ||
I have taken-over maintaining this plugin to prevent it from being lost... | I have taken-over maintaining this plugin to prevent it from being lost... | ||
===== Syntax ===== | ===== Syntax ===== | ||
- | Simply put < | + | |
+ | Simply put '' | ||
==== Examples ==== | ==== Examples ==== | ||
+ | |||
< | < | ||
will make an empty progress bar. | will make an empty progress bar. | ||
Line 27: | Line 37: | ||
< | < | ||
will make a 70% full one. | will make a 70% full one. | ||
- | |||
- | ==== Demo ==== | ||
- | < | ||
===== Installation ===== | ===== Installation ===== | ||
+ | |||
Download and extract the following archive to ../ | Download and extract the following archive to ../ | ||
* [[http:// | * [[http:// | ||
===== Source ===== | ===== Source ===== | ||
+ | |||
Here's the source code, but you'll still need the images from the above archive.\\ | Here's the source code, but you'll still need the images from the above archive.\\ | ||
==== syntax.php ==== | ==== syntax.php ==== | ||
- | <code php> | + | |
+ | < | ||
<?php | <?php | ||
/* DokuWiki Progressbar plugin | /* DokuWiki Progressbar plugin | ||
Line 130: | Line 140: | ||
===== Customization ===== | ===== Customization ===== | ||
+ | |||
You can change the default images in ../ | You can change the default images in ../ | ||
==== Gray ==== | ==== Gray ==== | ||
- | I personally use images which are using a gray color-scheme and wanted to share them also. Therefore I'll make the set public as a seperate | + | |
+ | I personally use images which are using a gray color-scheme and wanted to share them also. Therefore I'll make the set public as a separate | ||
To install simply backup the directory ../ | To install simply backup the directory ../ | ||
Line 139: | Line 151: | ||
===== History ===== | ===== History ===== | ||
+ | |||
==== 2009-03-09 (1.0.0) ==== | ==== 2009-03-09 (1.0.0) ==== | ||
+ | |||
* Added - Link-elements to the progress-images for tooltips in **all** browsers | * Added - Link-elements to the progress-images for tooltips in **all** browsers | ||
* Changed - Rebrand the plugin after take-over | * Changed - Rebrand the plugin after take-over | ||
Line 146: | Line 160: | ||
==== 2007-11-13 (0.0.0) ==== | ==== 2007-11-13 (0.0.0) ==== | ||
+ | |||
* Fixed - 0%-state bug | * Fixed - 0%-state bug | ||
* Fixed - Added width- and height-elements to the img tag | * Fixed - Added width- and height-elements to the img tag | ||
Line 151: | Line 166: | ||
==== 2006-12-03 ==== | ==== 2006-12-03 ==== | ||
+ | |||
* Initial version by Mike Smith | * Initial version by Mike Smith | ||
===== Modifications ===== | ===== Modifications ===== | ||
+ | |||
+ | In the time this plugin exists several other users have modified the plugin to fit their own specific requirements. These changes are sometimes shared across the community. Below follows a listing of several of these shared modifications. | ||
+ | |||
+ | * The main difference between the different modifications are the used display elements, ''< | ||
+ | * The other main difference is that the modifications are all using CSS-only to render the progress-bar instead of using fixed images for this purpose as the " | ||
==== Image Free Version ==== | ==== Image Free Version ==== | ||
- | Since the archive no longer exists you no longer can access the images in the zip files, however, that example site is still up and running so you can rip the images off of there. But if that links dies, you'll have to copy the source code above to syntax.php inside of the folder, progressbar. | ||
- | Next, you'll need to create an images | + | If you don't want the images |
- | Ex: progressbar/images/ | + | |
- | However, if you don't want to do the hassle of eleven images, and you don't need the images to be disgustingly different you could simply use the variable | + | The following code will replace |
- | The following code will replace the $renderer-> | ||
<code php> | <code php> | ||
$renderer-> | $renderer-> | ||
</ | </ | ||
+ | |||
Want to throw some text in there? Use this ugly solution((zero width percentage is an issue. set to 1 in that instance)): | Want to throw some text in there? Use this ugly solution((zero width percentage is an issue. set to 1 in that instance)): | ||
+ | |||
<code php> | <code php> | ||
$renderer-> | $renderer-> | ||
Line 175: | Line 195: | ||
< | < | ||
</ | </ | ||
+ | |||
Furthermore, | Furthermore, | ||
+ | |||
<code php> | <code php> | ||
/** | /** | ||
Line 189: | Line 211: | ||
==== Inline Version ==== | ==== Inline Version ==== | ||
+ | |||
This version creates a progress bar without the images. It will also be inserted inline into your text if you want one that does not wrap to a new line. It's also thinner. | This version creates a progress bar without the images. It will also be inserted inline into your text if you want one that does not wrap to a new line. It's also thinner. | ||
Line 201: | Line 224: | ||
** How To Use:** | ** How To Use:** | ||
- | -Update the connectTo function inside syntax.php as per below to make it support any number from 0-100. | + | * Update the '' |
<code php> | <code php> | ||
Line 213: | Line 236: | ||
</ | </ | ||
- | -Replace the render function in your syntax.php file for this plugin, with this: | + | * Replace the render function in your syntax.php file for this plugin, with this: |
<code php> | <code php> | ||
Line 230: | Line 253: | ||
Code supplied by Sherri W. (start.ofitall.com). | Code supplied by Sherri W. (start.ofitall.com). | ||
- | ==== div float Version | + | ==== Image Free Div Float Version ==== |
<code php> | <code php> | ||
// Replace connectTo for use 0-100% instead of 10%/20% .. // like inline Version & Image Free Version | // Replace connectTo for use 0-100% instead of 10%/20% .. // like inline Version & Image Free Version | ||
Line 246: | Line 270: | ||
// text-align third div tag | // text-align third div tag | ||
// color of the text third div tag | // color of the text third div tag | ||
+ | // Edited by J. Monin for basic ODT export support, and localization (write only % symbol) | ||
Line 251: | Line 276: | ||
function render($mode, | function render($mode, | ||
{ | { | ||
- | | + | |
- | <div style=" | + | |
- | <div style=" | + | <div style=" |
- | | + | <div style=" |
- | ' | + | <div style=" |
- | | + | |
- | </ | + | </ |
- | </ | + | </ |
+ | </ | ||
+ | } elseif ($mode == ' | ||
+ | $renderer-> | ||
+ | } | ||
+ | |||
| | ||
} | } | ||
</ | </ | ||
+ | |||
+ | Code supplied by M. Wolff, enhanced by J. Monin | ||
===== Discussion ===== | ===== Discussion ===== | ||
+ | |||
==== Completed ==== | ==== Completed ==== | ||
- | | + | |
+ | | ||
* Hi, just stumbled over your cute little plugin - STRONGLY Suggest to add the width and height tag to the img tag to allow the browser to display the wiki pages without the need to wait for loading the progress bar image --- //eth at gmx punkt at 2007-02-14// | * Hi, just stumbled over your cute little plugin - STRONGLY Suggest to add the width and height tag to the img tag to allow the browser to display the wiki pages without the need to wait for loading the progress bar image --- //eth at gmx punkt at 2007-02-14// | ||
- | * This plugin does not work in namespaces if you have DokuWiki configured to use '/' | + | * This plugin does not work in namespaces if you have DokuWiki configured to use ''/'' -- syntax.php line 84 needs modified to provide an absolute web path to the images, because relative path wont work if your in / |
- | * The main differences between the Modifications are the display Elements, < | + | |
- | * I **strongly recommend** to you use one of the Modifications | + | |
- | //Anonymous 2007-?? | + | |
>> All three above-mentioned bugs have been corrected in [[http:// | >> All three above-mentioned bugs have been corrected in [[http:// | ||
Line 282: | Line 313: | ||
==== Open ==== | ==== Open ==== | ||
+ | |||
* ... | * ... | ||
+ | |||
plugin/progressbar.1249993944.txt.gz · Last modified: 2009-08-11 14:32 by 134.130.4.46