Задать вопрос
  • Как на чистом js закрыть элемент по клику вне его?

    @lagudal Автор вопроса
    так получается, что закрывается по клику на любое место по экрану, кроме самого хотспота.(.lg-hotspot__button)
    А я как раза хотел бы, чтобы
    класс этот - lg-hotspot--selected - удалялся также если кликнуть на пустое место, кроме элемента lg-hotspot__label, когда он он видим

    т.е. клик по пустому месту, в т.ч. и по кнопке - закрыть, клик по открытому окну с информацией - не закрывать.
  • Как залить svg изображение?

    @lagudal
    изменил чуть цикл, чтобы шаги заливались последовательно попарно - теперь пятка и носок заливаются одновременно, и нормально выглядит на маленькой скорости (можно посмотреть, увеличив значение animation-delay).
  • Как вывести иконки(флажки) для всех store, кроме текущего?

    @lagudal Автор вопроса
    я в php совсем даже не силен - как определить текущий стор в M2 - поиск по "Magento 2 get current store" дает немало результатов, но как это применить к моему случаю...
    Ну например, есть такой вариант.
    Создается кастомный модуль, в нет метод, возращающий текущий стор.
    <?php
    namespace MyCompany\MyModule\Block;
    
    class MyModel extends \Magento\Framework\View\Element\Template
    {
        protected $_storeManager;    
        
        public function __construct(
            \Magento\Backend\Block\Template\Context $context,        
            \Magento\Store\Model\StoreManagerInterface $storeManager,        
            array $data = []
        )
        {        
            $this->_storeManager = $storeManager;        
            parent::__construct($context, $data);
        }
        
        /**
         * Get store identifier
         *
         * @return  int
         */
        public function getStoreId()
        {
            return $this->_storeManager->getStore()->getId();
        }
    }

    думал как то попроще можно...
  • Как вывести иконки(флажки) для всех store, кроме текущего?

    @lagudal Автор вопроса
    Sergey Romanov,
    иконки у меня выводятся. Вопрос называется "Как вывести иконки(флажки) для всех store, кроме текущего?"
  • Как правильно прописать переменную для ссылки?

    @lagudal Автор вопроса
    vasiiil
    Все получилось наилучшим образом!
    Еще раз спасибо, отметил решением.
  • Как правильно прописать переменную для ссылки?

    @lagudal Автор вопроса
    vasiiil
    таки да, спасибо огромное!
    Единственное, теперь скрипт еще в самом низу дублирует корневой пункт меню
    5e57cd313e996306831709.png
  • Как правильно прописать переменную для ссылки?

    @lagudal Автор вопроса
    vasiiil
    спасибо, таким образом получается, что ссылка верхнего уровня появляется после каждой ссылки уровня ниже - а мне надо чтобы ссылка уровня 1 появилась в конце соот-го списка ссылок уровня 2.
    5e57c6ea8ea29180037441.png
  • Как то можно оптимизировать такие less-конструкции?

    @lagudal Автор вопроса
    проблемы с архитектурой не у меня, а по другому эти селекторы не выделить.
    по бэм и всему остальному - оставил комментарий к другому ответу.
  • Как то можно оптимизировать такие less-конструкции?

    @lagudal Автор вопроса
    Один комментарий ко всем - я надеялся, что вы понимаете, что это не мой код и не моя архитектура: я не свалился с луны, я знаю что такое БЭМ, я не могу переписать с нуля офигительно большой модуль для Magento2, который разработала целая куча разработчиков, проектировщиков, и еще бог знает кого. Я не могу перестать использовать этот модуль, я не могу прекратить использовать magento2, так как это не я использую, а команда, в которой я работаю. И да, поменять команду или бросить эту работу я тоже не могу.
    Я знаю, что подобные конструкции сплошь и рядом используются в коммерческой разработке, как пример, для платных шаблонов и расширений к различным cms, и с этим приходится мириться, мирно сосуществовать и работать.
    Я лишь поинтересовался, что лучше всего сделать в конкретной ситуации, уж коль скоро такая ситуация имеет место быть, и причем достаточно часто.
  • Как открыть-закрыть подменю по клику на родителя?

    @lagudal Автор вопроса
    ну да, можно еще чекбоксами, практически без js.
    Но тут задача такая, долго объяснять, почему так именно надо.
  • Как открыть-закрыть подменю по клику на родителя?

    @lagudal Автор вопроса
    Осталась проблема скрытия подменю.
    Как должно быть: скрытие по второму клику на элемент (выполняется toggleClass), скрытие по клику вне области меню, и скрытие по клику на любой соседский элемент - открывается новый и закрывается старый.
    Проблемка с третьим пунктом - но если перед кликом вначале удалять класс (закомментированная строка), то третий пункт работает но тогда не работает первый, не срабатывает toggleClass.
  • Как грамотнее отцентровать по горизонтали пункты меню в 2 строки на флексах?

    @lagudal Автор вопроса
    text-align должен остаться left, а эффект при выравнивании хочу получить вот такой -

    Но только без br, поскольку нет возможности прописать эти переносы.
  • Возможно ли создать такое пользовательское событие?

    @lagudal Автор вопроса
    да, я в курсе что это такое. Не знаю, откуда вы взяли, что я думаю как то иначе. Ну да ладно.
    Итак, я хочу сократить данный код, используя для этого jquery - что в этом плохого? Что выражение document.getElementById("blablabla") превратится в $('blablabla').
    Я понимаю, сейчас немодно что ли, иногда даже слышу что то вроде того, что в 2020 использовать jquery чуть ли не моветон.
    Ну почему нет, если на проекте подключен и практически весь js такой?
    Впрочем, ок.
    Вот только если указанный код не переписать (а все остальное довольно легко) то получу ошибку -
    Uncaught TypeError: Failed to execute 'observe' on 'IntersectionObserver': parameter 1 is not of type 'Element'.
  • Возможно ли создать такое пользовательское событие?

    @lagudal Автор вопроса
    конечно можно не переводить, смысл я уже сказал: на сайте минимизированный кастомный js файл, jquery так и так подключен и используется. Так что чисто для сокращения кода.

    А непонятно например как этот объект правильно записать на jquery
    var options = {
    root: document.documentElement
    }
  • Возможно ли создать такое пользовательское событие?

    @lagudal Автор вопроса
    спасибо, все вроде работает - хочу перевести код в jquery, т.к. на сайте jquery подключен и весь пользовательский js на jquery.
    вот на этой части запутался....
    respondToVisibility = function(element, callback) {
      var options = {
        root: document.documentElement
      }
    
      var observer = new IntersectionObserver((entries, observer) => {
        entries.forEach(entry => {
          callback(entry.intersectionRatio > 0);
        });
      }, options);
    
      observer.observe(element);
    }
  • Как заставить скрипт показать-скрыть элемент, в зависимости от состояния другого эелемента?

    @lagudal Автор вопроса
    Да где то так - там 2 селекта и еще 2 инпута с контроллами типа listbox. Все они с классами - селекты с классом swatch-select, инпуты с классом swatch-input. Ну ладно, пока с инпутами и контроллами погодим.

    Вот для одного селекта что получилось


    ясно что код далек от совершенства, большая его часть вообще чисто имитирует то что делают эти селекты.
    Так вот, пока чисто хочу добавить 2-й селект. И чтобы, если у любого из них будет option value="0", показать span.
  • Как называется такой стиль иллюстрации?

    @lagudal
    bxspb,
    неужели ни у кого ума не хватило пробел поставить?

    ну так как говориться, хочешь изменить мир - начни с себя!
    Я думала тут типа умные люди сидят, а они филологическое шапито устроили :(

    что за бред, какая филология, что вы несете? Вы хотели блеснуть своими знаниями в сомнительных вербальных обозначениях неких видов графического дизайна, вам просто показали, что не всегда есть какие то официальные или даже условные названия даже у однотиптых на вид иллюстраций.
    И даже если какое-то название есть, то вовсе не обязательно его знать для достижения такой цели. как поиск примеров.
    Как и в приведенном случае, детальное и простейшее конкретизирование дает лучший результат в поиске чем общее, как вы сказали "на дизайнерском сленге нарицательное имя всех стилистик в графическом дизайне, использующих полигональную сетку, триангуляцию, для формирования объекта".
    Я бы последнее сам даже пьяный не выговорил.
  • Корректно ли так сравнивать две даты в разных месяцах и в разных годах?

    @lagudal Автор вопроса
    т.е. мы сначала приводим дату к строке, а затем преобразуем строку в дату?
    Ок, если я понимаю правильно: вначале дату преобразуем в строку, но с учетом часового пояса, и toLocaleString добавляет в моем случае +1
    Затем преобразуем строку в дату, но уже в формате "год-месяц-число-часы-минуты-секунды".
    В моем случае я вижу даты в таком виде:
    2019-12-24T01:00:00.000Z
    2020-01-02T01:00:00.000Z
    А почему нельзя просто значения min max уже в этом формате задать и сравнивать?