Switch74

Expert
  • Content count

    2,962
  • Joined

  • Last visited

  • Days Won

    115

Everything posted by Switch74

  1. Сталкивался с такой проблемой при подключении сторонних скриптов: 1. Стили скрипта влияли на уже существующие или наоборот 2. Конфликт с уже работающими скриптами 3. Желание заказчика в имеющийся сторонний скрипт добавить что-то или изменить Часто данные скрипты имеют избыточный функционал и как следствие размер и при этом бывает именно того что нужно нет Приходилось разбираться с этим скриптом, а иногда проще написать свое с тем функционалом который требуется
  2. Вложу свой вклад, возможно кому-то подойдет такой вариант https://jsfiddle.net/1xtea2L6/ Вроде как должно работать
  3. Попробуйте посмотреть в инспекторе как стили применяются https://jsfiddle.net/arsynkh4/
  4. Вам же прямо по англицки написали :) попробуйте return child.closest('.firstChild');
  5. $_POST да и name для form и submit зачем?
  6. body { padding: 5%; } ul li { display: inline-block; margin: 0 10px; text-align: center; } ul li:hover { color: red; } ul .title { display: block; margin-top: 5px; text-transform: uppercase; }
  7. когда-то делал слайдер на CSS и выкладывал здесь, но скорее всего его уже удалили. проще всего конечно скачать уже готовый скрипт, но интереснее сделать самому хотя вот, нашел https://jsfiddle.net/4uus7Lh0/1/
  8. для .popup-wrapper--active overflow: auto; у меня сработал, только смотрите как у вас сделан .requests-popup height: calc(100vh - 30px); мне кажется это не то что нужно
  9. когда начинаете тащить свой блок внутри родителя вы должны знать: координаты блока (top,left) и размеры блока (width,height) и родителя (parent_width,parent_height) зная эти данные вы можете вычислить left+width<=parent_width и top+height<=parent_height а также left>=0 и top>=0 если left или top меньше 0, то принудительно выставляете его в 0 аналогично для параметров больше parent_width и parent_height
  10. Разбейте на 3 колонки: Центральная - ваша форма Левая и правая - занимают оставшееся пространство для выравнивания по центру формы и имеют overflow:hidden; в правую помещаете кнопки и выравниваете по правому краю
  11. так чтобы их не было или оставались на своих местах? если при уменьшении размера экрана они должны иметь другой стиль, то используйте @media
  12. а что не так то и что именно вы хотите сделать? вам не нравится что иконки наезжают на форму при маленьком окне? а куда бы вы их хотели деть на узком окне, когда ваша форма будет занимать все пространство? где они должны быть и как себя вести?
  13. для .middle поставьте right: 0px; и уберите transform
  14. Switch74

    Реализация элементов фона

    можно обычными блоками делать с бордюром или фоном можно картинками фоновыми, как удобнее
  15. выложите в песочницу https://jsfiddle.net/
  16. Switch74

    HTMLforum чат

    Может в избранном?
  17. if (!search_flag) { должен быть внутри $('.input_search').on('input', function () { как вариант можете сделать следующее: при клике по форме каждому полю или только форме (если вам нужно для всей формы, а не для каждого поля в отдельности) выставляется класс к которому у вас будет привязано событие при выполнении этого события на нужном поле делаете что вам нужно и удаляете этот класс. проблема будет только в том, что при клике по следующему полю, для передачи фокуса например у вас скорее всего опять включится механизм, так что думаю вам нужно пересмотреть схему инициализации данной функции. Я бы инициализировал данный механизм при загрузке страницы и нажатии кнопки отправки формы поиска, т.к. после этого по сути он будет производить новый поиск и как-бы в любом случае кликнет по форме.
  18. ну проведите анализ зависимости скриптов defer так же грузит асинхронно, только выполняет в нужной последовательности, а не как только загрузится
  19. попробуйте указать defer для всех
  20. <script async не ждет загрузки скрипта и видимо когда у вас загружается /templates/fd/js/mai n.js не все скрипты в начале страницы уже успели загрузиться
  21. Switch74

    верстка SVG

    как пример например слайдер в форме n-угольника, например шестиугольник в котором элементы будут размещаться уже относительно него, а не всего svg т.к. таких шестиугольников может быть много на одном svg и рассчитывать координаты видимости вложенных в него элементов не хотелось
  22. Здравствуйте. Занялся разбором SVG верстки и не могу понять есть ли возможность вставлять в элементы другие элементы, например <polygon> <polygon></polygon> </polygon> или в данном случае выкручиваться через <g></g> или <symbol></symbol> с наложением элементов друг на друга
  23. Switch74

    Как сверстать

    здесь как больше нравится, если при определенных условиях линия должна исчезать, то лучше через after если нет, то можно и hr
  24. Switch74

    Как сверстать

    https://jsfiddle.net/6jL30trm/