изменение цвета текста при выполнении условия

Question

Кто-нибудь знает, как бы я сделал это в веб-приложении HTML-5? т.е. мне нужно изменить цвет шрифта имени при нажатии кнопки. Это приложение, которое легко показывает, когда игроки находятся на корте или вне его в теннисном турнире. пока у меня есть документ Excel всех игроков, загруженных в HTML, это одно из имен, например:

http://i.imgur.com/Iapdp.png

и следующие кнопки:

http://i.imgur.com/kEGYm.png

поэтому я предполагаю, что мог бы написать условие if, которое гласит, что эта кнопка включена, тогда имя игрока становится красным или что-то в этом роде ... Я также борюсь с макетом, учитывая, что имена находятся в таблице, кнопка просто остается над таблицей, куда бы я ее ни положил. Любая помощь высоко ценится, Луи.

Answer 1

Одним очень простым решением будет использование JQuery:

$('#your_button').click(function() {
    $('#your_element').css('color','red');
}

Пример: http://jsfiddle.net/UcLSG/5/

Answer 2

<a href='#changeColor'>Click me!</a>

#chaneColor:target{
    color:red;
}

Будет работать ... как и миллион других вещей.Пожалуйста, отправьте больше деталей.По крайней мере, разметка страницы, на которой вы хотите, чтобы это произошло.

Answer 3

Если вы используете таблицу стилей - прочитайте это - тогда вы можете сделать что-то вроде этого

button:active{
color:red;
}

или любой другой цвет ... не обязательно должен быть красным.Теперь этот пример действительно прост, потому что он изменит цвет текста, написанного на кнопке ... но вы можете использовать таблицы стилей для многих, многих других вещей