A generic way to add information messages to toggles

diff --git a/plekit/php/toggle.php b/plekit/php/toggle.php
index acc9fe5..038b302 100644 (file)
--- a/plekit/php/toggle.php
+++ b/plekit/php/toggle.php
@@ -35,6 +35,7 @@ class PlekitToggle {
   // mandatory
   var $id;
   var $nifty;
+  var $info_div = "";
 
   function PlekitToggle ($id,$trigger,$options=NULL) {
     $this->id = $id;
@@ -44,6 +45,11 @@ class PlekitToggle {
       $options['start-hidden'] = ! $options['visible'];
       unset ($options['visible']);
     }
+
+    if (array_key_exists ('info_div',$options)) {
+       $this->info_div = $options['info_div'];
+    }
+
     if (!isset ($options['start-hidden'])) $options['start-hidden']=false;
     $this->options = $options;
   }
@@ -99,6 +105,8 @@ class PlekitToggle {
     $html .= $this->image_html();
     $html .= $this->trigger;
     $html .= "</$tagname>";
+    if ($this->info_div != "")
+    $html .= "&nbsp;(<a href=javascript:plc_show_toggle_info('$this->info_div','$this->id')>?</a>)";
     return $html;
   }
 

diff --git a/plekit/toggle/toggle.js b/plekit/toggle/toggle.js
index c9d2e2f..aa19d8e 100644 (file)
--- a/plekit/toggle/toggle.js
+++ b/plekit/toggle/toggle.js
@@ -1,17 +1,17 @@
-/* 
-   $Id$
-*/
 
-function plc_toggle (id) {
-  var area=$('toggle-area-' + id);
-  area.toggle();
-  var visible=$('toggle-image-visible-' + id);
-  var hidden=$('toggle-image-hidden-' + id);
-  if (area.visible()) {
-    visible.show();
-    hidden.hide();
-  } else {
-    visible.hide();
-    hidden.show();
-  }
+function plc_toggle(id){var area=$('toggle-area-'+id);area.toggle();var visible=$('toggle-image-visible-'+id);var hidden=$('toggle-image-hidden-'+id);if(area.visible()){visible.show();hidden.hide();}else{visible.hide();hidden.show();}}
+
+function plc_show_toggle_info(div, id) {
+//debugfilter("showing "+div);
+
+var area=$('toggle-area-'+id);
+var visible=$('toggle-image-visible-'+id);
+var hidden=$('toggle-image-hidden-'+id);
+
+if (document.getElementById(div).style.display == "none") {
+       document.getElementById(div).style.display = "";
+       if (! area.visible())
+               area.toggle();
+}
+
 }