0 / 0 / 0
Регистрация: 01.01.2016
Сообщений: 4
1

При клике на чекбокс фильтра подсказка перемещалась бы за нажатым чекбоксом

29.07.2019, 10:32. Показов 2203. Ответов 1

Author24 — интернет-сервис помощи студентам
При клике на чекбокс фильтра подсказка перемещалась бы за нажатым чекбоксом


По умолчанию в умном фильтре битрикса подсказка "Выбрано:" показывается только у заголовка открытого фильтра, а вот как сделать что бы подсказка была у нажатого чекбокса?

Выяснил, что за клик отвечает вот этот кусок кода:

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
JCSmartFilter.prototype.click = function (checkbox) {
    var qwerty  = checkbox.id; //Получаем уникальный ID нажатого
    var qwerty2 = document.getElementById(qwerty); //Превращаем ID в selector
    var xy      = qwerty2.getBoundingClientRect(); //Получаем координаты
 
    qwerty2.style.cssText = 'top:' + (xy.bottom + 1) + 'px;'; //я добавил для теста
 
 
    if (!!this.timer) {
        clearTimeout(this.timer);
    }
 
    this.timer = setTimeout(BX.delegate(function () {
        this.reload(checkbox);
    }, this), 500);
};

А за появление подсказки отвечает этот кусок кода:


Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
JCSmartFilter.prototype.postHandler = function (result, fromCache) {
    var hrefFILTER, url, curProp;
    var modef = BX('modef');
    var modef_num = BX('modef_num');
 
    if (!!result && !!result.ITEMS) {
        for (var PID in result.ITEMS) {
            if (result.ITEMS.hasOwnProperty(PID)) {
                this.updateItem(PID, result.ITEMS[PID]);
            }
        }
 
        if (!!modef && !!modef_num) {
            modef_num.innerHTML = result.ELEMENT_COUNT;
            hrefFILTER = BX.findChildren(modef, {tag: 'A'}, true);
 
            if (result.FILTER_URL && hrefFILTER) {
                hrefFILTER[0].href = BX.util.htmlspecialcharsback(result.FILTER_URL);
            }
 
            if (result.FILTER_AJAX_URL && result.COMPONENT_CONTAINER_ID) {
                BX.bind(hrefFILTER[0], 'click', function (e) {
                    url = BX.util.htmlspecialcharsback(result.FILTER_AJAX_URL);
                    BX.ajax.insertToNode(url, result.COMPONENT_CONTAINER_ID);
                    return BX.PreventDefault(e);
                });
            }
 
            if (result.INSTANT_RELOAD && result.COMPONENT_CONTAINER_ID) {
                url = BX.util.htmlspecialcharsback(result.FILTER_AJAX_URL);
                BX.ajax.insertToNode(url, result.COMPONENT_CONTAINER_ID);
            } else {
                if (modef.style.display === 'none') {
                    modef.style.display = 'inline-block';
                }
                if (this.viewMode === "vertical") {
                    curProp = BX.findChild(BX.findParent(this.curFilterinput, {'class': 'bx_filter_parameters_box'}), {'class': 'bx_filter_container_modef'}, true, false);
                    curProp.appendChild(modef);
                }
            }
        }
 
    }
 
    if (!fromCache && this.cacheKey !== '') {
        this.cache[this.cacheKey] = result;
    }
    this.cacheKey = '';
};
Прошу о любой подсказке.
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
29.07.2019, 10:32
Ответы с готовыми решениями:

Отметить чекбокс одним общим чекбоксом
Тема избита и кажется все что можно было уже на форумах выложено, но решение моей задачи мной не...

Событие при клике на чекбокс
Есть столбец и в столбце много строк, при ховере(наведение) на строку у меня отображается чекбокс....

Появление чекбоксов при клике на чекбокс
вот есть 5 обычных чекбоксов <div><input class="check" type="checkbox" /></div> ...

Изменение цвета при клике на чекбокс
доброго времени суток всем! такая ситуация: на странице список с таблицами и в каждой форма с...

1
30 / 26 / 3
Регистрация: 01.09.2018
Сообщений: 141
31.07.2019, 09:51 2
Прошу о любой подсказке.
используй transform translate к чекбоксу, который кликаешь
0
31.07.2019, 09:51
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
31.07.2019, 09:51
Помогаю со студенческими работами здесь

Чекбокс не отмечается при клике на текст <label>
Помогите, пожалуйста, определить, в чем причина проблемы. Нужно, чтобы чекбоксы отмечались по клику...

При клике по окну браузера закрыть чекбокс
Здравствуйте, написал такой код. По логике он должен по клику документа закрыть чекбокс, но...

Как понять какой скрипт выполняется при клике на чекбокс
Как то просто но я не пойму

Не отмечается чекбокс при клике по label, суть бага в прочерке в атрибуте ID
Исходный код такой: &lt;div class=&quot;opg-width-1-1&quot;&gt; &lt;input id=&quot;checkmyi_field&quot; name=&quot;checkmyi&quot;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru