Понял, а вот например если в одной таблице закрашиваем в желтый цвет при интервале от 0 до 10 в зеленый от 11 до 20. А в другой таблице мы в желтый закрашиваем от 0 до 100. То как здесь быть? И вот такой вопрос, с дробями так работать можно?
тогда ту функцию которую я использовал не нужно, а нужно сделать 2 подобных, для разных интервалов. да спокойно.
разных интервалов и разных таблиц) по id))Если я правильно понял) Огромное спасибо еще раз) И последнее, а дроби в интервале как записывать. Сейчас пишем (7,9) через запятую два целых. А дроби как будут выглядеть, через точку? (7.1,9.1)???
Понял, в ячейках дроби спокойно пишу, а в условии, так как Вы показали. if($R(num < 2.1 && num > 1.5).include(num)) $class = arr_class[0]; Если я правильно понял) Огромная Вам благодарность, Михаил.))))) Вы очень помогли)
и уточнить еще хотел, если таблица заполняется из БД при помощи массива php этот скрипт с ней будет работать? или тут надо по другому?
Т.Е. вот так HTML: function table_colorize(elements, array_class) { elements.each(function(i, j){ var num = i.innerText || i.textContent; var $class; if(num < 2.1 && num > 1.5) $class = array_class[0]; if(num < 2.1 && num > 1.5) $class = array_class[1]; if(num < 2.1 && num > 1.5) $class = array_class[2]; i.addClassName($class); }); }; или HTML: if((num < 2.1 && num > 1.5).include(num)) $class = array_class[2]; Хотя мне кажется, второй вариант не очень.
записал так, почему-то числа попадающие в интервал между дробями не закрашиваются. Остальное все работает)
Хм, вроде все скопировал верно, а работать не хочет. На фф отображается а дома на своей страничке нет. HTML: <html> <head> <link rel="stylesheet" href="style.css" type="text/css" /> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript"> $(document).observe('dom:loaded', function(){ var arr_class = ['range1','range2','range3']; var abc_class = ['a', 'b', 'c']; function table_colorize(elements, array_class) { elements.each(function(i, j){ var num = i.innerText || i.textContent; var $class; if(num > 1.5 && num < 5.5) $class = array_class[0]; if(num > 5.4 && num <= 8.3) $class = array_class[1]; if(num >= 9.0 || num <= 1) $class = array_class[2]; i.addClassName($class); }); }; var first = $$('table#first td'); var second = $$('table#second td'); table_colorize(first, arr_class); table_colorize(second, abc_class); </script> </head> <body> <table id="first"> <tr> <td>0.7</td> <td>2.1</td> <td>3.7</td> </tr> <tr> <td>4.6</td> <td>5.5</td> <td>6.1</td> </tr> <tr> <td>7.4</td> <td>8.3</td> <td>9.4</td> </tr> </table> <table id="second"> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>4</td> <td>5</td> <td>6</td> </tr> <tr> <td>7</td> <td>8</td> <td>9</td> </tr> </table> </body> </html> HTML: /* CSS Document */ .range1{background-color:#FF00FF;} .range2{background-color:#FFBB00;} .range3{background-color:#FFFFAA;} .a{background-color:#FFF000;} .b{background-color:#FF0000;} .c{background-color:#0000FF;} table td {width:25px; height:25px; margin:3px;}
А вот такой вопрос. делаю два подобных скрипта, чтобы у разных таблиц были разные интервалы. Не хочет работать. Может что-то не так делаю?? Хм, чуток поправил. теперь первая таблица закрашивается, а вторая нет. Вот как получается HTML: <html> <head> <link rel="stylesheet" href="style.css" type="text/css" /> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript"> $(document).observe('dom:loaded', function(){ var arr_class = ['range1','range2','range3']; function table_colorize(elements, array_class) { elements.each(function(i, j){ var num = i.innerText || i.textContent; var $class; if(num > 1.5 && num < 5.5) $class = array_class[0]; if(num > 5.4 && num <= 8.3) $class = array_class[1]; if(num >= 9.0 || num <= 1) $class = array_class[2]; i.addClassName($class); }); }; var first = $$('table#first td'); table_colorize(first, arr_class); }); </script> <link rel="stylesheet" href="style.css" type="text/css" /> <script type="text/javascript" src="prototype.js"></script> <script type="text/javascript"> $(document).observe('dom:loaded', function(){ var abc_class = ['a', 'b', 'c']; function table_colorize(elements, array_class) { elements.each(function(i, j){ var num = i.innerText || i.textContent; var $class; if($R(10,30).include(num)) $class = arr_class[0]; if($R(40,60).include(num)) $class = arr_class[1]; if($R(70,90).include(num)) $class = arr_class[2]; i.addClassName($class); }); }; var second = $$('table#second td'); table_colorize(second, abc_class); }); </script>