All Activity

This stream auto-updates     

  1. Today
  2. Switch74

    Помогите решить задание

    норм
  3. Yesterday
  4. Просто привык к ES5 🙂 Можно без проблем все var заменить на let, ну а const, на мой взгляд, здесь вообще негде использовать.
  5. Решение хорошее но почему вы используете var вместо const или let?
  6. Вернулся в свою созданную тему через 4,5 года. )) После создания темы около года верстал заказы на фрилансе. От обычной верстки до полноценных LP и небольших сайтов. Даже один раз из своей верстки шаблон Wordpress сделал. Потом заинтересовался другими нишами и верстку забросил. Арбитражил, занимался СЕО, даже трейдил криптовалютой больше года. Но опять потянуло в вебразработку. Пытаюсь снова все вспомнить. Мешает только основная работа - мало времени остается на своё хобби. В общем, кому сроки не жмут и кто не боится доверится джуниору, милости просим. Сверстаю, подправлю, помогу. В свободное от работы время. Бескорыстно. Просто хочется снова покодить и не просто так, а чтобы с пользой. Почта : zdl79@mail.ru Skype : forest19791 Телеграмм : https://t.me/forestino
  7. Могу попробовать. Опыт верстки 1 год. Но в связи с основной работой, не связанной с IT, мало на это времени. zdl79@mail.ru
  8. Last week
  9. Здравствуйте, кажется я делаю что-то не так, но вот что именно никак не пойму. Проблема в следующем: подключаю карусель и блок становится неактивен, хотя вроде бы все должно работать как нужно. Пробовал подключать карусель и через cdn и через скачанный архив - результат один и тот же. Открывал через google, firefox и opera-у - все так же никакого сдвига. Подключал по инструкции на официальном сайте. Пробовал использовать SlickSlider, но результат тот же.
  10. Дорогие Друзья! Рад вам сообщить о выходе новой версии движка Flextype 0.9.5! Исправлено - core: исправлена проблема с кешем в Entries API — fetchAll() - core: исправлена проблема c генерацией Cache ID для Themes API - core: исравлена пролема с emitter twig функцией - admin-plugin: исправлены стили для кнопок Менеджера Тем - admin-plugin: исправления переводов - admin-plugin: исправлена ошибка возникающая если $query['format'] пустой Рефакторинг - core: удалена переменная $response из Forms render метода - core: добавлена свойство forms в Flextype\EntriesController Скачать https://github.com/flextype/flextype/releases/tag/v0.9.5
  11. var render = document.querySelector('[data-action="render"]'); var destroy = document.querySelector('[data-action="destroy"]'); var boxes = document.getElementById("boxes"); render.addEventListener("click", getAmount); destroy.addEventListener("click", destroyBoxes); function getAmount() { var amount = +document.querySelector("#controls input").value; createBoxes(amount); } function createBoxes(amount) { var basicSize = 30; var fragment = document.createDocumentFragment(); for (var i = 0; i < amount; i++) { var size = basicSize + i * 10; var div = document.createElement("div"); div.style.cssText = `width: ${size}px; height: ${size}px; background-color: rgba( ${random()} , ${random()} , ${random()} )`; fragment.appendChild(div); } boxes.appendChild(fragment); } function destroyBoxes() { boxes.innerHTML = ""; } function random() { return Math.floor(Math.random() * 256); }
  12. Да! Спасибо! А почему так не срабатывает? cardWrap.onclick = function(event) { let target = event.target; while (target != this) { if (target.classList.contains("flip-card")) { if (target.classList.contains("is-flipped")) target.classList.remove("is-flipped"); target.querySelector(".friends-video").classList.remove("is-back"); target.querySelector(".friends-video__back > video").load(); target.querySelector(".friends-video__front > video").load(); else highlight(target); return; } target = target.parentNode; } }; Удалять класс он удаляет, а дальше target.querySelector(".friends-video").classList.remove("is-back"); target.querySelector(".friends-video__back > video").load(); target.querySelector(".friends-video__front > video").load(); уже нельзя получается? А нет. Добавил скобочки { } и теперь вроде всё как надо, надеюсь. if (target.classList.contains("is-flipped")) { target.classList.remove("is-flipped"); target.querySelector(".friends-video").classList.remove("is-back"); target.querySelector(".friends-video__back > video").load(); target.querySelector(".friends-video__front > video").load(); } else { highlight(target); } return; https://codepen.io/npofopr/pen/zYOmbPv
  13. Пользователь вводит количество элементов в input и нажимает кнопку Создать, после чего рендерится коллекция. При нажатии на кнопку Очистить, коллекция элементов очищается. Создай функцию createBoxes(amount), которая принимает 1 параметр amount - число. Функция создает столько div, сколько указано в amount и добавляет их в div#boxes. Каждый созданный div: Имеет случайный rgb цвет фона Размеры самого первого div - 30px на 30px Каждый следующий div после первого, должен быть шире и выше предыдущего на 10px Создай функцию destroyBoxes(), которая очищает div#boxes. <div id="controls"> <input type="number" min="0" max="100" step="1" /> <button type="button" data-action="render">Создать</button> <button type="button" data-action="destroy">Очистить</button> </div> <div id="boxes"></div>
  14. cardWrap.onclick = function(event) { let target = event.target; while (target != this) { if (target.classList.contains("flip-card")) { if(target.classList.contains("is-flipped")) target.classList.remove('is-flipped'); else highlight(target); return; } target = target.parentNode; } }; так?
  15. misinkevych.alina

    Помогите решить задание

    const wrap_button = { sub: document.querySelector("[data-action='increment']"), add: document.querySelector("[data-action='decrement']"), span: document.querySelector('#value'), wrapper: document.querySelector('#counter '), }; let counterValue = 0; const increment = () => { counterValue += 1; document.getElementById('value').textContent = counterValue; }; const decrement = () => { counterValue -= 1; document.getElementById('value').textContent = counterValue; }; wrap_button.sub.addEventListener('click', increment); wrap_button.add.addEventListener('click', decrement); Как вам мой вариант, немного переделала ваш)
  16. ЗдравствуйтеНе получается кастомизировать форму хабспота. (только стили и визуал)Не понимаю в чем проблема и где не там пишу.Доки: https://developers.hubspot.com/docs/...d_form_optionsПрописываю и реакции 0: <style> .my-custom-form input[type=text] { border: 3px solid red; } </style> <div> <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script> <script> hbspt.forms.create({ portalId: "6402240", formId: "c39e10cd-caf3-4853-b412-fef2e723c153", cssClass: "my-custom-form" }); </script> </div>
  17. Да. Совершенно верно. Знать бы ещё как) По идее ваш вариант должен срабатывать, var list = document.querySelectorAll('.is-flipped') list.forEach(function(item) { item.classList.remove('is-flipped'); }); но он не обрабатывает этот клик. Или по идее, я могу накостылять клик на блок с видео, и у родителя удалять класс is-flipped. Правда тоже не факт, что сработает.
  18. Огромное Вам спасибо, всё работает, как и хотел.
  19. Кстати да)) Но это поправилось, тут моих мозгов хватило. Пробел в знаниях возник с тем что в HTML-виде скрипта оно "value", а в JAVA-виде оно "val()".
  20. а при клике по "лего игрульке" почему у вас она же снова открывается? я так понимаю у вас обработка клика на открытие и закрытие на одном объекте, тогда наверно нужно проверять наличие класса is-flipped, или реализовать клик по элементу с ним удаляя его.
  21. Switch74

    Помогите решить задание

    https://jsfiddle.net/sj7hc9qp/
  22. Точно, я допустил ошибку. Вместо "disabled" воспользуйтесь "readonly":
  23. Здравствуйте, спасибо. Данное решение запрещает изменение данного поля, однако указанная в нем информация на почту не приходит, данное поле приходит пустым. Необходимо, чтобы и на почту приходило то, что указанно в данном поле.
  24. misinkevych.alina

    Помогите решить задание

    <div id="counter"> <button type="button" data-action="decrement">-1</button> <span id="value">0</span> <button type="button" data-action="increment">+1</button> </div> Счетчик состоит из спана и кнопок, которые должны увеличивать и уменьшать значение счетчика на 1. Создай переменную counterValue в которой будет хранится текущее значение счетчика. Создай функции increment и decrement для увеличения и уменьшения значения счетчика Добавь слушатели кликов на кнопки, вызовы функций и обновление интерфейса
  25. Обновил https://codepen.io/npofopr/pen/zYOmbPv 🙂 Вроде даже и с видео разобрался. Воткнул правда две кнопки, одной кнопкой как сменять видео, пока не допёр. Осталось понять, как активную карточку закрывать по правильному, при клике на неё) Пробовал вместо while (target != this) сделать через for, но кроме ошибки это ничего не дало.
  26. ну я имею ввиду, то что при ширине экрана от 580 пикс и более
  27. а разве не логичнее, когда всё зависит от ширины рабочей области, а не от устройства?
  28. тогда на десктопе будет тоже центроваться, на десктопе нужно по левому краю выравнивать
  1. Load more activity