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

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем масенький, 21 апр 2012.

  1. масенький

    масенький New Member

    Регистрация:
    21 апр 2012
    Сообщения:
    4
    Симпатии:
    0
    Добрый вечер, нужна ваша помошь или совет.

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

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

    Bugnet Гость

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

    масенький New Member

    Регистрация:
    21 апр 2012
    Сообщения:
    4
    Симпатии:
    0
    да, таблица заполнена, нада подсветить цветом. вот пример: пример

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

    Bugnet Гость

    Упрощённое подобие сделано с использованием jQuery. Вводите в поле данные от 1000 и наблюдайте подсветку строк. Для этого примера в скрипте всего несколько строк, если делать полную аналогию того, что указано в Вашем примере, то всё будет сложнее, но принцип тот же.
    DEMO-страница . На ней можно скачать исходники в виде архива.
    Скрипт jQuery
    Код (LotusScript):
    $(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
     
  5. масенький

    масенький New Member

    Регистрация:
    21 апр 2012
    Сообщения:
    4
    Симпатии:
    0
    щас попробую, буду надеяться что все получится)
     
Загрузка...

Поделиться этой страницей