Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Элементарно, но не знаю как) (https://javascript.ru/forum/misc/32924-ehlementarno-no-ne-znayu-kak.html)

YozUP 04.11.2012 17:00

Элементарно, но не знаю как)
 
Ребята, прошу помощи. Не получается найти ответ...
Смысл вроде простейший...
Есть таблица к примеру:
<table width="10" border="0">
  <tr>
    <td  id="айди" class="класс"></td>
  </tr>
</table>

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

Margarita 04.11.2012 18:04

как вариант: при первом клике навешивать на тд какой-то класс например с другим фотонм, затем при след. клике его снимать и убирать фон..
решение на juery
$("td").click(fucntion() {
if($(this).hasClass("other_bg") {
$(this).removeClass("other_bg"); 
} else {$(this).addClass("other_bg");
}
});

YozUP 04.11.2012 18:17

Цитата:

Сообщение от Margarita (Сообщение 214071)
как вариант: при первом клике навешивать на тд какой-то класс например с другим фотонм, затем при след. клике его снимать и убирать фон..
решение на juery
$("td").click(fucntion() {
if($(this).hasClass("other_bg") {
$(this).removeClass("other_bg"); 
} else {$(this).addClass("other_bg");
}
});

Почему то ошибку пишет в восьмой строке, скобки вроде все правильно(... Вот скрин...

nerv_ 04.11.2012 18:24

Margarita, toggle/toggleClass.

YozUP 04.11.2012 18:24

Вот архив с файлами, прошу если можно помогите ревализавать эту идею... smena_td.zip

YozUP 04.11.2012 19:12

Цитата:

Сообщение от Дзен-трансгуманист (Сообщение 214080)
fucntion

Точно) Спасибо... А в таблице теперь как сделать чтоб по клику это срабатывало?

Hoshinokoe 05.11.2012 00:38

YozUP,

$(document).ready(function(){
   $("td").toggleClass("other_bg");
});

При клике по td будет добавлять/удалять класс other_bg. В нем необходимо прописать другую картинку.

Подробнее здесь.

a_l 05.11.2012 00:41

На JS:
[].forEach.call(document.getElementsByTagName('td'), function(el) {
  el.onclick = function() {
    this.className = (/other_bg/.test(this.className)) ? '' : 'other_bg';
  };
});​

nerv_ 05.11.2012 00:49

Цитата:

Сообщение от Hoshinokoe
$(document).ready(

$(

a_l, т.е. выше был не js? :)

a_l 05.11.2012 00:59

Цитата:

Сообщение от nerv_ (Сообщение 214182)
$(

a_l, т.е. выше был не js? :)

Не ванильный:)


Часовой пояс GMT +3, время: 00:47.