Jump to content
  • Sign Up

d0ublezer0

User
  • Content Count

    776
  • Joined

  • Last visited

  • Days Won

    2

Everything posted by d0ublezer0

  1. Никак )) Я некорректно описал задачу. Точнее, пытался решить ее иначе.
  2. Мне нужна была даже не столько сама тень, сколько визуальное отделение кнопок друг от друга. В итоге я использовал еще один псевдоэлемент, и навесил на него полупрозрачный градиент. https://jsfiddle.net/g0x7aj2v/
  3. тогда проще отказаться от тени. мне были нужны "угловые" кнопки градиентным фоном и тенью что-то такое:
  4. https://jsfiddle.net/a8s1yxeq/ хочу сделать угол у переключателей с тенью, но псевдоэлемент получается над основным и тень видно слева. А запихнуть ниже не удается. Это возможно?
  5. UPD: ошибка: #sizes_table вместо #_sizes_table Вопрос снят
  6. https://jsfiddle.net/d0ublezer0/vd6fe2zs/ Такое дело. Содержимое таблицы заполняется автоматически из массива, основываясь на доступных опциях радио-списка со страницы.то есть, все строки создаются динамически через append При клике на строку, она принимает класс selected. Задача - получить атрибут "for" при клике на кнопку "выбрать размер". Как ни пробовал, выбранная строка не возвращается в виде объекта. Помимо варианта в примере, пробовал так: jQuery("#sizes_table tr.selected").first() Что я сделал не так?
  7. form.addClass("cart-product-adding"); btn.prop("disabled", true).text("Минутку"); // тут идет AJAX вызов и ждем ответ. после него изменяем статус кнопки и формы form.removeClass("cart-product-adding").addClass("cart-product-added"); btn.text('Готово').delay(200); form.removeClass("cart-product-added"); btn.text('В корзину').delay(1000).prop("disabled", false); Это логика формы добавления в корзину. Задача показать процесс добавления, пока ajax не вернет ответ. Сообщить об этом и поменять вид кнопки обратно по завершении обработки. Почему не работает delay в этом случае? Всё без остановки пролетает на последних четырех строчках UPD: нашел. потому что нужно использовать setTimeout
  8. Привет. Как такое возможно сделать, чтобы отдавались разные версии страниц, в зависимости от устройства? Сделано, например в wildberries.ru Адреса страниц одинаковые, а оформление разное. И это не адаптив, а именно разные версии страниц. Определяют типа клиента на сервере и используют разные макеты?
  9. Накопилось много лишнего. Как бы так пройтись по всему сайту, убрать ненужное и ничего не сломать?
  10. https://jsfiddle.net/d0ublezer0/h4aLb7z6/9/ Я использовал для позиционирования технику, когда картинке задается float:left, а соседнему блоку overflow:hidden, чтобы блок не съезжал вниз. У второго пункта (криолиполиз) есть псевдоэлемент (новинка), который не видно из-за overflow:hidden родительского слоя. Есть какая-то иная техника, чтобы и картинка была слева и псевдоэлемент был виден?
  11. https://www.farmadental.ru/doctors/margasov В работах обрезается тень у последнего элемента. Не смог найти, кто виноват. Подскажите?
  12. Размеры явно не указаны. Содержимое действительно разное, такое ощущение что флекс тянется по "весу" элемента, основанному на количестве символов в нём.
  13. https://www.road.media/ на разрешении 1200px неровное расстояние между пунктами меню. почему так? для контейнера указано justify-content: space-between; по идее, должно быть ровненько
  14. спасибо, поправил $('body').on("change", "[name='virtuemart_shipmentmethod_id']", function (e) { var $method_id = parseInt($("[name='virtuemart_shipmentmethod_id']:checked").val()); $("#sel_id").text($method_id); });
  15. https://jsfiddle.net/d0ublezer0/jytpbs08/1/ не пойму, почему так?
  16. Есть более точное решение
  17. Разобрался. заменил window.onload = resizeAllGridItems(); на window.addEventListener('load', resizeAllGridItems); На тестовой странице https://www.farmadental.ru/test.html всё заработало как надо, только вот на боевой странице https://www.farmadental.ru/doctors/balayan выстраиваться не хочет. между элементами не вычисляется расстояние по вертикали. Или вычисляется неправильно. Вместо этого (как в тестовом файле) : https://prntscr.com/osz1gs Получаем это: https://prntscr.com/osz0xr
  18. Привет! Есть галерея в конце страницы, построенная на masonry https://www.farmadental.ru/doctors/balayan Подозреваю, что на флексе сделать такое вполне реально, более того, нашел пример, демонстрирующий прекрасный результат Но для флекса по колонкам нужна ограниченная высота контейнера, которая в моем случае всегда разная, т.к. количество и размер элементов всегда разные. Реально ли как-то добиться этого без использования JS ?
  19. Так не сработало (проверял первый опубликованный вариант, второй исправленный не тестировал) Сделал так: $sscore = $comment->rating/2; $int_score = floor($sscore); for ($i = 1; $i <= 5; $i++) { if ($i <= $sscore) $star_class = "fa-star fa-star--on"; if ($i > $sscore) $star_class = "fa-star-o fa-star--off"; if ($i == $int_score && $sscore > $i) $star_class = "fa-star fa-star-half-o"; echo "<i class='fa fa-fw $star_class'></i>"; }
  20. Нашел весь функционал https://github.com/wbotelhos/raty/blob/master/lib/jquery.raty.js Но там сильно перегружено
  21. Помогите с куском кода, плз. Голова сломалась. Понимаю, что просто, но не вижу как ) Задача выводить 5 звезд, рейтинга. Каждая может быть включена полностью, включена наполовину или выключена $sscore = 3.5; for ($i = 0.5; $i <= 5; $i += 0.5) { if ($i < $sscore) $star_class = "star-on"; if ($i == $sscore && is_int($sscore)) $star_class = "star-on"; if ($i == $sscore && is_float($sscore)) $star_class = "star-half"; if ($i > $sscore) $star_class = "star-off"; if ($i == intval($i) || $i == $sscore && is_float($sscore)) { echo "<i class='$star_class'></i>"; } } если оставить intval то выводится 5 звезд, но полу-звезда не показывается, а с моим условием - отображается одна звезда лишняя
  22. В плагине https://www.farmadental.ru/templates/fd/js/jquery.sticky.js есть код, который должен отцеплять плавающий блок при достижении нижней границы контейнера, но он почему то не срабатывает: var stickyWrapperContainer = s.stickyWrapper.parent(); var unstick = (s.stickyElement.offset().top + s.stickyElement.outerHeight() >= stickyWrapperContainer.offset().top + stickyWrapperContainer.outerHeight()) && (s.stickyElement.offset().top <= s.topSpacing); if( unstick ) { s.stickyElement .css('position', 'absolute') .css('top', '') .css('bottom', 0) .css('z-index', ''); } else { s.stickyElement .css('position', 'fixed') .css('top', newTop) .css('bottom', '') .css('z-index', s.zIndex); }
  23. Привет. С помощью плагина https://github.com/garand/sticky сделал плавающий блок с меню. Посмотреть можно тут: https://www.farmadental.ru/service/teeth-implants Недостаток в том, что меню наезжает на другие элементы, когда заканчивается основной текст на странице. Не соображу, как бы его скрыть при достижении нижней границы .article-body который, кстати, является для него родителем Посоветуйте, плз?
  24. Ваш метод подошёл отлично, спасибо. Не понимаю, почему у меня не работало.
  25. Увы, нет возможности разделить содержимое табов на два блока. Список подходящих способов доставки формируется отдельным компонентом, основываясь на адресе получателя. У меня придумалось только скрывать неподходящее по типу при переключении "табов". По факту, табами это не является. Просто переключалка, скрывающая часть опций одного списка. И после переключения нужно выбрать первый видимый элемент. Я пробовал насылать событие клика на инпуты, пробовал ставить им значение через val() и потом вызывать событие change но ничего так и не вышло, значения не меняются
×
×
  • Create New...