1. Набираем команду codeby webinar. Набираем команду для организации и проведения вебинаров. Подробнее ...

    Скрыть объявление
  2. Требуются разработчики и тестеры для проекта codebyOS. Требования для участия в проекте: Знание принципов работы ОС на базе Linux; Знание Bash; Крайне желательное знание CPP, Python, Lua; Навыки системного администрирования. Подробнее ...

    Скрыть объявление
  3. Получи 30.000 рублей. Для получения денег необходимо принять участие в конкурсе авторов codeby. С условиями и призами можно ознакомиться на этой странице ...

    Внимание! Регистрация авторов на конкурс закрыта.

    Скрыть объявление

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

Тема в разделе "Web - программирование", создана пользователем масенький, 21 апр 2012.

  1. масенький

    масенький New Member

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

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

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

    Bugnet Гость

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

    масенький New Member

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

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

    Bugnet Гость

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

    масенький New Member

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

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