[Sommaire] [Imprimer]

   1  <attach event="onmouseover" handler="hoverRollOver" />
   2  <attach event="onmouseout" handler="hoverRollOff" />
   3  <script type="text/javascript">
   4  //
   5  //    Simple behaviour for IE5+ to emulate :hover CSS pseudo-class.
   6  //  Experimental ver 0.1
   7  //
   8  //    This is an experimental version! Handle with care!
   9  //    Manual at: http://www.hszk.bme.hu/~hj130/css/list_menu/hover/
  10  //
  11  
  12  function hoverRollOver() {
  13      
  14      element.origClassName = element.className;    // backup origonal className
  15      
  16      var tempClassStr = element.className;        
  17      
  18      tempClassStr += "Hover";                    // convert name+'Hover' the last class name    to emulate tag.class:hover
  19      
  20      tempClassStr = tempClassStr.replace(/\s/g,"Hover ");    //convert name+'Hover' the others to emulate tag.class:hover
  21      
  22      tempClassStr += " hover";                // add simple 'hover' class name to emulate tag:hover
  23      
  24      element.className = element.className + " " + tempClassStr; 
  25      
  26      //alert(element.className);
  27      //window.status = element.className;        // only for TEST
  28  }
  29  function hoverRollOff() {
  30      element.className = element.origClassName;
  31  }
  32  
  33  </script>
  34