Элементарно, но не знаю как)
Ребята, прошу помощи. Не получается найти ответ...
Смысл вроде простейший... Есть таблица к примеру: <table width="10" border="0"> <tr> <td id="айди" class="класс"></td> </tr> </table> Как реализовать смену фона ячейки в таблице по клику туда сюда... Тоесть кликнул фон сменился, еще кликнул обратно сменился... Тоесть вот например как выглядеть будет |
как вариант: при первом клике навешивать на тд какой-то класс например с другим фотонм, затем при след. клике его снимать и убирать фон..
решение на juery $("td").click(fucntion() { if($(this).hasClass("other_bg") { $(this).removeClass("other_bg"); } else {$(this).addClass("other_bg"); } }); |
Цитата:
|
Margarita, toggle/toggleClass.
|
Вот архив с файлами, прошу если можно помогите ревализавать эту идею... smena_td.zip
|
Цитата:
|
YozUP,
$(document).ready(function(){ $("td").toggleClass("other_bg"); }); При клике по td будет добавлять/удалять класс other_bg. В нем необходимо прописать другую картинку. Подробнее здесь. |
На JS:
[].forEach.call(document.getElementsByTagName('td'), function(el) { el.onclick = function() { this.className = (/other_bg/.test(this.className)) ? '' : 'other_bg'; }; }); |
Цитата:
a_l, т.е. выше был не js? :) |
Цитата:
|
a_l,
1. зачем создавать массив, чтобы сразу его выбросить? 2. зачем использовать регулярные выражения там, где они не нужны? 3. а если классов много? 4. а если обработчик клика будет не один? |
nerv_, чтоб удалял/добавлял класс:
(/other_bg/.test(this.className)) ? this.className=this.className.replace(' other_bg','') : this.className += ' other_bg'; Можно после 4 пункта придумать ещё и 5 - "а если у пользователя выключен javascript?" |
Да теперь ясно все... Спасибо огромное, А если усложнить. Тоесть значение в базу записывалось, тоесть при обновлении страницы оставалось измененным а не сбрасывалось. В куки не подойдет( Как сделать чтоб значение конечное записывалось и по нему определялся класс... Тоесть например
1=class1 0=class0 |
a_l,
classList, не? Или тут гугл тоже рекомендует className? |
YozUP,
Погуглите, от этого вы не умрете. |
Цитата:
Цитата:
|
Цитата:
input q$ q$filter:anyWord(); google iset:q$ if q$=OK() then STOP SEARCH; else GO TO special^forum; :lol: :dance: |
Часовой пояс GMT +3, время: 02:53. |