- 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.
Формируется эффект подсвечивания для неких ячеек в таблице. Расставить классы и написать пять строк - не судьба :)
Follow us!