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 22:33] – Re-ordered and fixed the page layout and contents. Mischa | 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 29: | Line 39: | ||
| ===== 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 128: | 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 137: | 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 144: | 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 149: | 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. | 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 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 " | * 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 ==== | ||
| + | |||
| If you don't want the images to be extremely different you could simply use the variable '' | If you don't want the images to be extremely different you could simply use the variable '' | ||
| Line 191: | 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 203: | Line 224: | ||
| ** How To Use:** | ** How To Use:** | ||
| - | Update the '' | + | * Update the '' |
| <code php> | <code php> | ||
| Line 215: | 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 249: | 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 254: | 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. | + | Code supplied by M. Wolff, enhanced by J. Monin |
| ===== Discussion ===== | ===== Discussion ===== | ||
| + | |||
| ==== Completed ==== | ==== Completed ==== | ||
| + | |||
| * The 0 state (0%, empty progress bar) doesn' | * The 0 state (0%, empty progress bar) doesn' | ||
| * 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// | ||
| Line 284: | Line 313: | ||
| ==== Open ==== | ==== Open ==== | ||
| + | |||
| * ... | * ... | ||
| + | |||
plugin/progressbar.1250022802.txt.gz · Last modified: 2009-08-11 22:33 by Mischa