• Курсы Академии Кодебай, стартующие в мае - июне, от команды The Codeby

    1. Цифровая криминалистика и реагирование на инциденты
    2. ОС Linux (DFIR) Старт: 16 мая
    3. Анализ фишинговых атак Старт: 16 мая Устройства для тестирования на проникновение Старт: 16 мая

    Скидки до 10%

    Полный список ближайших курсов ...

Подсвечивание Таблиц

  • Автор темы масенький
  • Дата начала
М

масенький

Добрый вечер, нужна ваша помошь или совет.

Дело в следующем:
- есть калькулятор и таблица ниже, при подсчете калькулятор выдает ответ и нужно чтоб этот ответ подсветился в таблице. Как это сделать?

Заранее буду благодарен за помощь.
 
B

Bugnet

Таблица уже заполнена, а при совпадении результата вычисления и данных в таблице - значение подсвечивается, если да, то как именно(меняется шрифт, фон, рамка)? Или нужно занести данные в таблицу?
Дайте больше конкретики.
 
М

масенький

да, таблица заполнена, нада подсветить цветом. вот пример:

Мне нужно подобие такого как в примере..
 
B

Bugnet

Упрощённое подобие сделано с использованием jQuery. Вводите в поле данные от 1000 и наблюдайте подсветку строк. Для этого примера в скрипте всего несколько строк, если делать полную аналогию того, что указано в Вашем примере, то всё будет сложнее, но принцип тот же.
. На ней можно скачать исходники в виде архива.
Скрипт jQuery
Код:
$(document).ready(function() {
$('#button').click(function(){ //если клик по кнопке с id='button'
$('tr').css('background-color','#ffffff');//устанавливаем фон всех строк белый (можно удалить)
var inputData =$('#inputdata').val();//извлекаем значение из поля с id="inputdata" и заносим в переменную
$('.td').each(function(){ //для каждого элемента имеющего class="td", а это наши ячейки сравнения
var thisTd = $(this).text();// извлекаем значение из ячеек
thisTd = parseInt(thisTd); //превращаем в число извлечённый текст 
if (inputData>=thisTd){//сравниваем значение из поля ввода и извлечённое из ячейки
$(this).closest('.tr').css('background-color', '#00ff00');/*если условие выполнено, то для родительского элемента этой ячейки с class="tr", а это вся строка в которой расположена эта ячейка-меняем фон */	
}
});//END each 
})//END click 
});//END ready
 
М

масенький

щас попробую, буду надеяться что все получится)
 
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!