[Summary view] [Print] [Text view]

   1  /**

   2  * JavaScript routines for Krumo

   3  *

   4  * @version $Id: krumo.js,v 1.1.2.2 2008/06/03 20:36:03 weitzman Exp $

   5  * @link http://sourceforge.net/projects/krumo

   6  */
   7  
   8  /////////////////////////////////////////////////////////////////////////////

   9  
  10  /**

  11  * Krumo JS Class

  12  */
  13  function krumo() {
  14      }
  15  
  16  // -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- 

  17  
  18  /**

  19  * Add a CSS class to an HTML element

  20  *

  21  * @param HtmlElement el 

  22  * @param string className 

  23  * @return void

  24  */
  25  krumo.reclass = function(el, className) {
  26      if (el.className.indexOf(className) < 0) {
  27          el.className += (' ' + className);
  28          }
  29      }
  30  
  31  // -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- 

  32  
  33  /**

  34  * Remove a CSS class to an HTML element

  35  *

  36  * @param HtmlElement el 

  37  * @param string className 

  38  * @return void

  39  */
  40  krumo.unclass = function(el, className) {
  41      if (el.className.indexOf(className) > -1) {
  42          el.className = el.className.replace(className, '');
  43          }
  44      }
  45  
  46  // -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- 

  47  
  48  /**

  49  * Toggle the nodes connected to an HTML element

  50  *

  51  * @param HtmlElement el 

  52  * @return void

  53  */
  54  krumo.toggle = function(el) {
  55      var ul = el.parentNode.getElementsByTagName('ul');
  56      for (var i=0; i<ul.length; i++) {
  57          if (ul[i].parentNode.parentNode == el.parentNode) {
  58              ul[i].parentNode.style.display = (ul[i].parentNode.style.display == 'none')
  59                  ? 'block'
  60                  : 'none';
  61              }
  62          }
  63  
  64      // toggle class

  65      //

  66      if (ul[0].parentNode.style.display == 'block') {
  67          krumo.reclass(el, 'krumo-opened');
  68          } else {
  69          krumo.unclass(el, 'krumo-opened');
  70          }
  71      }
  72  
  73  // -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- 

  74  
  75  /**

  76  * Hover over an HTML element

  77  *

  78  * @param HtmlElement el 

  79  * @return void

  80  */
  81  krumo.over = function(el) {
  82      krumo.reclass(el, 'krumo-hover');
  83      }
  84  
  85  // -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- 

  86  
  87  /**

  88  * Hover out an HTML element

  89  *

  90  * @param HtmlElement el 

  91  * @return void

  92  */
  93  
  94  krumo.out = function(el) {
  95      krumo.unclass(el, 'krumo-hover');
  96      }
  97      
  98  /////////////////////////////////////////////////////////////////////////////