- 01
 - 02
 - 03
 - 04
 - 05
 - 06
 - 07
 - 08
 - 09
 - 10
 - 11
 - 12
 - 13
 - 14
 - 15
 - 16
 - 17
 - 18
 - 19
 - 20
 - 21
 - 22
 - 23
 - 24
 - 25
 - 26
 - 27
 - 28
 - 29
 - 30
 - 31
 - 32
 - 33
 - 34
 - 35
 - 36
 - 37
 - 38
 
                        $html .= "\n" . '<script type="text/javascript">' . "\n";
        // mootools js that highlights the cells
        for ($row = 0; $row < 5; $row++){
            for ($col = 0; $col < 5; $col++){
                $box_num = ($col*5) + $row + 1;
                if (!in_array($box_num, $strength_boxes)){
                    $html .= '
var fx_strength_'.$box_num.' = new Fx.Morph($(\'colorbox_'.$box_num.'\'), {duration:200, wait:false});
$(\'strengths\').addEvent(\'mouseenter\', function(){
    fx_strength_'.$box_num.'.start({
        \'opacity\': 0.25
    });
});
$(\'strengths\').addEvent(\'mouseleave\', function(){
    fx_strength_'.$box_num.'.start({
        \'opacity\': 1.0
    });
});
';
                }
                if (!in_array($box_num, $weakness_boxes)){
                    $html .= '
var fx_weakness_'.$box_num.' = new Fx.Morph($(\'colorbox_'.$box_num.'\'), {duration:200, wait:false});
$(\'weaknesses\').addEvent(\'mouseenter\', function(){
    fx_weakness_'.$box_num.'.start({
        \'opacity\': 0.25
    });
});
$(\'weaknesses\').addEvent(\'mouseleave\', function(){
    fx_weakness_'.$box_num.'.start({
        \'opacity\': 1.0
    });
});
';
                }
            }
        }
                                     
        
            html.
Формируется эффект подсвечивания для неких ячеек в таблице. Расставить классы и написать пять строк - не судьба :)