Задать вопрос
Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » jQuery » Как сделать смену фона блока комментариев при нажатии на input?

Как сделать смену фона блока комментариев при нажатии на input?

     09.06.2018    Все вопросы » jQuery    992

вопрос
День добрый. Возник весьма интересный вопрос по поводу тега {mass-action}.
Насколько всем известно, этот тег выводит чекбокс для выбора определенных комментариев.
Хочу сделать так, чтобы при нажатии на этот самый input менялся фон блока комментария, при повторном нажатии, фон менялся обратно на дефолтный. Пытался реализовать эту фичу с помощью js, и даже получилось сделать смену фона, но проблема в том, что менялся фон у всех комментариев, независимо на какой чекбокс ты нажмешь, да и я уверен, что пытался реализовать нужное мне действие неверным способом.
Данная фишка есть в админке, в разделе "Редактирование пользователей", поэтому, я думаю, и в шаблоне это реализовать можно, но вот так, не знаю.

Думаю на картинках будет более понятен мой вопрос.

Обычный вид блока

Как сделать смену фона блока комментариев при нажатии на input?


После нажатия на input

Как сделать смену фона блока комментариев при нажатии на input?


Очень надеюсь на вашу помощь =)

Ответа пока нет

 

2 комментария

w1st
Юзер

w1st - 9 июня 2018 04:57 -

Вот тебе простенькое решение на jquery



<div class="wrapper">
	<div class="user-wrapper">
		<input name="user1" value="user1" class="user" type="checkbox" checked="">
	</div>
	<div class="user-wrapper">
		<input name="user2" value="user2" class="user" type="checkbox">
	</div>
	<div class="user-wrapper">
		<input name="user3" value="user3" class="user" type="checkbox">
	</div>	
</div>

<script>
$(function () {
	$('.user').on('change', function () {
		if ($(this).prop('checked')) {
			$(this).closest('.user-wrapper').addClass('checked')
		} else {
			$(this).closest('.user-wrapper').removeClass('checked')
		}
	});
});
</script>
<style>
.user-wrapper.checked {
	background-color: rgb(255, 0, 0);
}
</style>
SaNeR
Юзер

SaNeR - 10 июня 2018 23:10 -

Большое спасибо. Прикрутил скрипт и все заработало так, как мне и нужно =)
Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

 31.10.2011 bratoz  jQuery
 05.12.2012 razrushutel  jQuery, Хаки
 03.01.2013 maggotische  jQuery
 06.01.2013 justalex  jQuery, Модули, Хаки
 16.11.2013 uFlex  jQuery, Общие вопросы по PHP
 26.03.2014 vk_159926832  Общие вопросы, jQuery
 14.09.2015 follor  jQuery, Общие вопросы по PHP
 07.02.2016 SnugElf  Общие вопросы, Шаблоны (TPL), jQuery, Модули, Ламерские вопросы
 21.11.2017 onecool  jQuery, Хаки
  • mondolfo | Как вывесит в comments.tpl картинку с но ... 7
    Фото mondolfo
    mondolfo
    Как вывесит в comments.tpl картинку с новости?
    Вчера, 23:42
    кто-нибудь решил эту?
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 17:08
    Разъясните как вытащить id?
  • lutskboy | Вытащить все данные из определенного доп ... 1
    Фото lutskboy
    lutskboy
    Вытащить все данные из определенного доп поля?
    22-11-2024, 16:17
    в adminer можно.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 16:14
    выбрать все кроме такого нет. можно с бд достать все ид через запятую и вставить в xfields.txt
    js скрипт можно написать
    
<script>
    window.addEventListener('load', ()=> {
        $('#category').on('change', function() {
            var value = $(this).val();
            if ($.isArray(value)) {
            	ShowOrHideEx("xfield_holder_year", jQuery.inArray('1', value) != -1 || jQuery.inArray('2', value) != -1 );
            } else {
            	ShowOrHideEx("xfield_holder_year", value == 1 || value==2);
            }
        })
    });
</script>
year доп поле . 1 и 2 катег
  • Darkzone | Выбор категории для доп. поля? 4
    Фото Darkzone
    Darkzone
    Выбор категории для доп. поля?
    22-11-2024, 14:39
    Смотрите, Нужно чтоб обязательное к заполнению доп. поле при добавлении новости, выводилось во всех категориях, кроме двух. Так как количество категорий довольно большое, есть ли способ, не тыкать каждую категорию в которой будет отображаться доп.поле. Надеюсь я смог разъяснить.
  • lutskboy | Выбор категории для доп. поля? 4
    Фото lutskboy
    lutskboy
    Выбор категории для доп. поля?
    22-11-2024, 13:52
    где выводить? админка или сайт
  • TeraMoune | Как отключить миниатюры стандартной гале ...
    Фото TeraMoune
    TeraMoune
    Как отключить миниатюры стандартной галереи Fancybox?
    21-11-2024, 06:00
    В файле engine/classes/fancybox/fancybox.js искать нужную инициализацию и добавлять соответствующие параметры, весь список параметров и их описание можно найти на этой странице https://fancyapps.com/fancybox/api/options/

    Например: параметр Thumbs: false отключает миниатюры.
    Fancybox.bind("[data-highslide]", {
	groupAttr: 'data-highslide',
	idle:2000,
	Thumbs: false,
	caption: (fancybox, slide) => {
		if(  slide.thumbEl && slide.thumbEl.alt ) {
			return slide.thumbEl.alt
		}
	}
});
  • derebas | Как реализовать шифрование трафика? 3
    Фото derebas
    derebas
    Как реализовать шифрование трафика?
    18-11-2024, 16:52
    Ну в теории, можно использовать src на site.com разместить прокси на site2.com а выдавать видео с site3.com, при этом прямой доступ на site3.com закрыть, отдача будет только если запрос с site2.com, таким образом палится только site2.com, НО источник потокового видео, все равно можно увидеть если захотеть, а ссылки, ну купить домен dsac-43efew-csdds.uz как пример
  • Gordi | Перенёс сайт - не работают кнопки, не от ... 8
    Фото Gordi
    Gordi
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:46
    я уже делал. Пользователь 1000 (это я так понимаю root) и chmod 777
    Так и было...
  • lutskboy | Перенёс сайт - не работают кнопки, не от ... 8
    Фото lutskboy
    lutskboy
    Перенёс сайт - не работают кнопки, не отображаются новости. Как вылечить?
    18-11-2024, 14:39
    чтоб не удалять выстави права и пользователя какие там идут на файлы. .
наверх