Задать вопрос

DivineDraft

Ответы пользователя по тегу JavaScript

  • Адаптировать и исправить страницу?

    @DivineDraft
    Почему бы просто не поместить лицо персонажа в единый див, разместить его по центру экрана и далее при масштабировании наложить свойство scale? А после 1000px, стоит совсем уже поменять структуру, ведь через тач не будет работать, а значит и от идеи толку мало. По поводу замены - просто поменяйте картинку через скрипт, при наведении.
    Ответ написан
    1 комментарий
    1 комментарий

  • Загрузка картинок при скролле?

    @DivineDraft
    Используйте lazy load, в интернете есть много разных библиотек, к примеру эта
    Ответ написан
    Комментировать
    Комментировать

  • Как вычитать сумму содержимого этих трёх блоков?

    @DivineDraft
    Сумма чисел из блоков
    Ответ написан
    Комментировать
    Комментировать

  • Как стролить до нескольких якорей внутри accordeon bootstrap 4?

    @DivineDraft
    Проблема возникает по той причине, что в скрипте указана прокрутка до класса "anchor", который находит в открытом контейнере, находя первый найденный он останавливается, что вполне логично. Требуется указывать определенный, соответствующий вашей кнопке.
    От суда вытекает решение - узнать значение ссылки и далее передать его в метод поиска в контейнере. Так как у вас прикручен там скрипт для открытия/закрытия, то данные действия мы не трогаем и работаем только с прокруткой, можно написать костыль, которой найдет нужный якорь, пример:

    p.s. если у вас используется весь внутренний скрипт только для этого аккордеона, то лучше его переписать самостоятельно, выйдет максимум в строчек 30, а работать будет в разы лучше.
    Ответ написан
    3 комментария
    3 комментария

  • Как сделать так, чтобы прямоугольники в навигации Slick slider менялись плавно и не дергались?

    @DivineDraft
    У вас указано свойство transition только для активного блока. Уберите его с "li.slick-active" и добавьте к общему ".slick-dots li" свойство "transition: all 3s ease;" - 2 секунды, чтобы вы наглядно увидели плавность, настройте по усмотрению (так же не забудьте обновить значение и в .slick-dots li button).
    Ответ написан
    1 комментарий
    1 комментарий

  • Как вывести данные из инпута в строки таблицы при повторном нажатии на кнопку?

    @DivineDraft
    Изначально в Вашем коде присутствуют определенные переменные со строками, куда они будут вносится, исходя из этого, нового ничего не добавится, а старое будет дублировать контент в уже существующих ячейках. Необходимо это все потереть и добавлять сами строки отдельно. Не специалист по js, но судя по Вашему коду, нужно сделать так:



    Дополнительно можете передавать и назначать классы к создаваемым строкам, если к ним необходимо будет обращаться после.
    Ответ написан
    3 комментария
    3 комментария

  • Как добавить навигацию в header чтобы при скроле менялость положение?

    @DivineDraft
    1. Размещаете меню и блок на страницу в статичное положение, куда требуется
    2. Добавляете скрипт на jQuery, который добавляет класс к шапке при прокрутке. Или же добавьте новые свойства для вашего, который меняет шапку сейчас.
    jQuery(function($) {
 $(window).scroll(function(){
 if($(this).scrollTop()>185){
 $('.app-header').addClass('app-header--active');
 }
 else if ($(this).scrollTop()<185){
 $('.app-header').removeClass('app-header--active');
 }
 });
 });

    3. Настраиваете CSS, как требуется через новый установленный класс, к примеру:
    .app-header--active .menu {float:right;}
.app-header--active .block {display:none;}
    Ответ написан
    6 комментариев
    6 комментариев

  • Как реализовать функционал плагина isotope на чистом js?

    @DivineDraft
    Как сделано - в самом исходном коде скрипта isotope, в подробностях, если у вас нету представлений даже по написанию, то у Вас вряд ли получится реализовать подобное. В распакованной версии на данный момент - 1232 строчки.

    Для написания легкой версии, можно просто использовать стили (css) и пару скриптов, которые будут добавлять классы. Шаги:
    1. Поместить необходимые элементы сортировки в один контейнер.
    2. Добавить к каждому элементу дополнительный класс в зависимости от категории.
    3. При нажатии на одну из кнопок сортировок - Добавлять класс к главному контейнеру. В стилях прописать значение, которые будет добавлять нужным категориям display:block, а всем остальным display:none. По желанию добавить анимации. Пример основного кода:
    <div class="Buttons">
 <button>Показать 1 категорию</button>
 <button>Показать 2 категорию</button>
 <button>Показать 3 категорию</button>
</div>
<div class="categories">
 <a href="" class="cat1">Категория 1</a>
 <a href="" class="cat2">Категория 1</a>
 <a href="" class="cat3">Категория 1</a>
</div>

    Пример срабатывания: при нажатии Показать 2 категорию, добавляем класс к categories - viewcats2.
    Стили
    .viewcats2 a {display:none;}
.viewcats2 .cat2 {display:block;}
    Ответ написан
    Комментировать
    Комментировать

  • Что нужно исправить в верстке?

    @DivineDraft
    Для начала исправьте ошибки, которые выдает он
    https://validator.w3.org/nu/?doc=http%3A%2F%2Fwww....

    А во-вторых - зачем так много всего? У вас подключено с только скриптов, что их хватит на целый пентагон.
    Ответ написан
    Комментировать
    Комментировать

  • Как адаптировать изображение с фиксированной высотой?

    @DivineDraft
    установите min-height для img, а для блока в котором находится он display:flex;align-items:center;justify-content:center;flex-flow:column;
    Ответ написан
    5 комментариев
    5 комментариев

  • Как хранить куки на всем сайте?

    @DivineDraft Автор вопроса
    Нашел решение, может кому пригодится

    $(function() {
 var id = $.cookie("id10"); 
 if (id) $(id).addClass('save-okey'); 
 $("#del10").click(function() {
 $('#savefilm10').hide();
     $.cookie('id10', null, {path:'/'});
 })
});


    Для удаления необходимо обратиться на ту страницу, где они хранятся (на сколько я понял).

    Всем спасибо.
    Ответ написан
    Комментировать
    Комментировать

  • Как прокручивать сайт при наведении на div объекты?

    @DivineDraft Автор вопроса
    В общем нашел решение - кастомный скроллер на jquery.
    Всем спасибо.
    Ответ написан
    Комментировать
    Комментировать

  • Как имитировать двойной клик?

    @DivineDraft Автор вопроса
    Не получается что-то, у меня есть input radio с классом #pay, при нажатии на него обрабатывается информация в другом месте, но проблема в том, что она обновляется только со второго клика, способами сверху - не получилось, возможно можно как-то добавить интервал в миллисекундах?

    Input был связан с label, никакие манипуляции не смогли дать двойной клик на input, поэтому был дан на label, что по сути и является двойным кликом: сначала на input, затем label, выполняется одно действие.

    Помогло:
    $(document).on("click", "input#pay-type-2", function (e) {
 $('#payment-block-2 label').click();
    });
    Ответ написан
    Комментировать
    Комментировать