InfoBox

Summary: How to create Bubblehelp infoboxes, as seen in knoppix.org
Version: 2.4.1-20230210
Prerequisites: PmWiki 2.2.122+, PHP 5.6.40+
Status: Stable, Active
Maintainer: VKrishn
Discussion: InfoBox-Talk
License: GPL2+

Questions answered by this recipe

  • How to create Bubblehelp infoboxes, as seen in knoppix.org?

Infobox (A simple Javascript based tooltip)

Infobox-sample1 - Infobox-sample2 - Infobox-sample3 (from wikitext and css) - Infobox-sample4 (pagelist with infobox properties) - Infobox-sample5 (unobtrusive infobox js)

Description

To create Bubblehelp infoboxes, as seen in knoppix.org.

  • The tips are Javascript based and processed on client side. This recipe allows javascript to be directly inserted in wikipage.

Notes

Some of the potential uses of Infobox

  1. Site wide or group wide tips can be set.
  2. Page wise tips can be set.
  3. Comprehensive glossary terms can be defined using this recipe. Thus, can be used where terms on pages needs additional explanations but the page design does not permit the explanation to be inserted there itself.
  4. Infobox's can be used to explain terms in any other language. Thus helping in creating a multilanguage page.
  5. Infotips page can be shared among users or easily copied on to a new/different website/page.
  6. Multi-language infotips pages can be maintained by different users.
  7. Link tips can be created using simple wiki text.

About Infobox

Some issues Infobox addresses:

  1. Easy creation of bubble-help/infobox/popup using js or css only.

Notes and Comments

  • More refinement could be done, i.e security wise.

See Also

Issues:

  • Please test this package at localhost or intranet to understand how it works.
    This recipe allows javascript to be directly inserted in wikipage.
    For using in production environment, this package should be tested first in local or intranet (security reasons) .

Demo:

  • Please see links at the beginning of this page. see above

 Requirements
Package/AppsMinimumLast test
Php5 >= 5.6.408.0.19+
PmWiki2.2.122+2.3.15

Files/Download

Changelog

February 10, 2023
=================
InfoBox version 2.4.1
------------------------
 -- Changed how <div id='infodiv'> loads.
 -- Moved folder local to docs.
 -- Implemented cotip.
 -- Code clean.

January 12, 2023
=================
InfoBox version 2.4.0
------------------------
 -- Make compatible with php 7.2x.
 -- Make compatible with php 8.0.x.

August 24, 2014
=================
InfoBox version 2.3.5
------------------------
 -- Minor bug fix.

April 12, 2014
=================
InfoBox version 2.3.4
------------------------
 -- Improved unobtrusive infobox(js) method, see README.
 -- Updated documentation.

April 07, 2014
=================
InfoBox version 2.3.3
------------------------
 -- Improved unobtrusive infobox(js) method.
 -- Wrapped all infobox js script in single object.
 -- Code clean.
 -- Minor bug fix.
 -- Updated documentation.

April 02, 2014
=================
InfoBox version 2.3.2
------------------------
 -- Add cleaner/unobtrusive infobox(js) method.
 -- Move infobox.js to HTMLFooterFmt[].
 -- Minor bug fix.

March 24, 2014
=================
InfoBox version 2.3.1
------------------------
 -- Allow multi-word in infobox.
 -- Minor bug fix.
 -- Code clean.

February 26, 2014
=================
InfoBox version 2.3.0
------------------------
 -- Make compatible with php 5.5x.
 -- Improved css based tooltip.
 -- Add class infodiv.
 -- Updated documentation.

March 25, 2012
=================
InfoBox version 2.2.2
------------------------
 -- Improved css based tooltip.
 -- Minor bug fix.
 -- Code clean.

September 28, 2009
=================
InfoBox version 2.2.1
------------------------
 -- Add css based tooltip from simple text on wikipages.

September 14, 2009
=================
InfoBox version 2.2.0
------------------------
 -- Add footer to global variable HTMLFooterFmt[]
 -- Loads only when directive present in pages.

October 12, 2005
=================
InfoBox version 2.0.9
------------------------
 -- Changed version.php format.
 -- Maintenance release.

August 25, 2005
=================
InfoBox version 2.0.8
------------------------
 -- Improved retrieve infobox page logic.
 -- Code clean.

August 25, 2005
=================
InfoBox version 2.0.7
------------------------
 -- Refined farm/field logic.
 -- Changed var $IBPageText to $IBLinkText.
 -- Changed order for infotips load.

August 17, 2005
=================
InfoBox version 2.0.6
------------------------
 -- Refined farm/field logic
    -- install ($thisScriptUrl,$thisScriptDUrl).
 -- Code clean.

August 16, 2005
=================
InfoBox version 2.0.5
------------------------
 -- added $EnableInfoBox.
 -- set global $InfoTipsPage, $DefaultIBGroup, $InfoBoxFmt;
 -- Code clean.
 -- Changed $InfoBoxVersion to $infoboxVersion in version.php

August 12, 2005
=================
InfoBox version 2.0.4
------------------------
 -- Conflict with other javascripts resolved,
    Un-Commented window.onload=infoinit; Commented it within tip();
    Back to default.
 -- $IBHeaderFmt renamed to $InfoBoxFmt and renamed other internal
    variable names. Now it can be placed last in the template file.
 -- Used $HTMLHeaderFmt['InfoBox'] instead of $HTMLHeaderFmt[].
 -- Code clean.

May 5, 2005
=================
InfoBox version 2.0.3
------------------------
 -- Conflict with other javascripts,
    Commented window.onload=infoinit; and moved enabled it within tip();

May 1, 2005
=================
InfoBox version 2.0.2
------------------------
 -- Changed variable names to be more consistent.

April 29, 2005
=================
InfoBox version 2.0.1
------------------------
 -- Cleaned code.

April 28, 2005
=================
InfoBox version 2.0.0
------------------------
 -- Jumped version number to conincide with PmWiki version 2.

Contributors

  • V.Krishn
    • I used the js file from knoppix.org. It is covered under GPL. I wrote a wrapper .php file to make it work under PmWiki.
    • Further refinement from others are welcomed.

Comments

See discussion at InfoBox-Talk

User notes? : If you use, used or reviewed this recipe, you can add your name. These statistics appear in the Cookbook listings and will help newcomers browsing through the wiki.