Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Смена атрибутов th при клике по нему (https://javascript.ru/forum/dom-window/49136-smena-atributov-th-pri-klike-po-nemu.html)

Webtest 30.07.2014 17:37

Смена атрибутов th при клике по нему
 
Здравствуйте.

Я пока в JS не разбираюсь, но надо кое-что сделать.
Как сделать так, чтобы при клике на th менялись какие-нибудь его аттрибуты? Например, цвет фона.
Сам th определяется по id.

Помогите пожалуйста :)

cyber_bober 30.07.2014 18:51

$( "#th_id" ).click(function() {
  $( this ).css( "background-color", "#34495e" );
});

Webtest 30.07.2014 20:05

cyber_bober, а как сделать так, чтобы в "#th_id" подставлялся айди нужного элемента?
Т.е. у меня все айди делаются сами, в зависимости от названия файла:
<th id="<?php echo $value; ?>">
<img class='imgMark' src="<?php echo 'Images/' . $value; ?>" alt='ico'>
<?php echo $value; ?>
</th>
А как сделать так, т.е. id у меня всегда разный, а как сделать так, чтобы при нажатии именно на этот элемент th... Ну я даже не знаю как объяснить, у меня сканируется папка и айди = названию файла, и название внутри th = названию файла. А я бы хотел сделать так, чтобы при нажатии на th показывалась картинка, за которой этот th закреплен.

Webtest 30.07.2014 20:14

Если хотите я могу скинуть код, чтобы вы увидели как работает.
Кстати, вот вывод картинки:
<td colspan="<?php echo $x - 1; ?>"><div class="imgCenter"><img src="<?php echo 'Images/' . $value; ?>" class='imgInside'></div></td>

BlancoDima 30.07.2014 22:45

Цитата:

Сообщение от Webtest (Сообщение 323493)
Если хотите я могу скинуть код, чтобы вы увидели как работает.
Кстати, вот вывод картинки:
<td colspan="<?php echo $x - 1; ?>"><div class="imgCenter"><img src="<?php echo 'Images/' . $value; ?>" class='imgInside'></div></td>

Лучше скинь не php а уже готовый html, что бы была понятней структура вёрстки и имена файлов|айдишников.

А вообще задачу можно разделить по шагам.
1. Ловим событие клика по нужному элементу. Это самая простая часть.
2. Берём необходимые данные из элемента по которому кликнули
3. Показываем картинку. Это самая сложная часть, и сложность зависит от требований к тому как показывать.

И ещё не понятно из вопроса, нужно сделать что бы айдишник записывался из JavaScript или айдишники уже пишутся из php. Вот тут не понятно.

cyber_bober 31.07.2014 13:11

Webtest,
Тогда зачем привязываться к айди th? В каком состоянии картинка изначально и что с ней должно произойти после клика? Может достаточно сделать это через class?
Ты пытаешься галерею сделать?


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