Ответы пользователя Владимир Проскурин

Как сделать что бы объект "circle" отбивался от стен документа?

Владимир Проскурин @Vlad_IT Куратор тега JavaScript

Front-end разработчик

Для Y по аналогии сделаете https://jsfiddle.net/nyvwoatd/

Ответ написан более трёх лет назад

1 комментарий

Как пофиксить проблему с иконками на базе шрифта?

Владимир Проскурин @Vlad_IT Куратор тега CSS

Front-end разработчик

Смотрите консоль

Access to Font at 'http://matrix-uav.ua/wp-content/themes/Matrix/new/fonts/iconfont.ttf?9ge6jk' from origin 'http://muav.com.ua' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://muav.com.ua' is therefore not allowed access.

Самый легкий способ, это скачать себе на свой сайт этот шрифт, и с него подключать.

Ответ написан более трёх лет назад

4 комментария

Как из css свойства с несколькими параметрами получить первый?

Владимир Проскурин @Vlad_IT Куратор тега CSS

Front-end разработчик

Ну например
$('.block').css('padding').split(' ')[0]
Но думаю, вам больше нужно получать padding-toppadding-bottom

Ответ написан более трёх лет назад

Комментировать

Почему не работает скрипт в модальном окне?

Владимир Проскурин @Vlad_IT Куратор тега JavaScript

Front-end разработчик

В том, что в момент выполнения скрипта, скорее всего, элемента $('#js-modals_request .mask') не существует. Попробуйте этот скрипт закинуть в $(function() { }) или до него вставить alert($('#js-modals_request .mask').length) - этот код должен вывести кол-во найденных элементов, если там 0, то скрипт не видит элемент, если больше нуля, то проблема в другом. Также смотрите консоль. Попробуйте также свой скрипт вставить в консоль при открытой модалке, будет работать?

Ответ написан более трёх лет назад

9 комментариев

Как сделать несколько переключателей слайдов в slick?

Владимир Проскурин @Vlad_IT Куратор тега JavaScript

Front-end разработчик

У slick есть apI, там есть методы
$("#yourid").slick('slickPrev');
и
$("#yourid").slick('slickNext');
Делаете обработку клика на нужные кнопки, и в нем вызываете нужный метод

$('.next1').click(function() {
   $("#slick_id").slick('slickNext');
});
$('.prev1').click(function() {
   $("#slick_id").slick('slickPrev');
});

И не используйте одинаковый id для больше чем одного элемента. Используйте класс (мой код работает для классов .next1, .prev1)

Ответ написан более трёх лет назад

1 комментарий

Насколько актуальна книга "Javascript Patterns" С. Стефанова?

Владимир Проскурин @Vlad_IT Куратор тега JavaScript

Front-end разработчик

Актуальна, пока ничего другого по JS не написали, просто читая книгу, представляйте вместо прототипов классы. Ну или читайте другое что-то, ту же банду четырех.
Еще вот материалы по теме
https://www.ozon.ru/context/detail/id/20216992/
https://refactoring.guru/ru/design-patterns

Ответ написан более трёх лет назад

3 комментария

Как называется такой стиль дизайна?

Владимир Проскурин @Vlad_IT

Front-end разработчик

Я бы ответил, но я даже не понял, что там такое нарисовано. Какой-то бородатый мужик целует гигантского краба. Но отвечу точно - это не пользовательский интерфейс.

Ответ написан более трёх лет назад

Комментировать

Почему не принимает синтаксис?

Владимир Проскурин @Vlad_IT Куратор тега JavaScript

Front-end разработчик

[  
   `<li class="text-warning">${arr[0]}</li>`,
   `<li class="text-warning">${arr[1]}</li>`, 
   `<li class="text-warning">${arr[2]}</li>` 
  ]

Ответ написан более трёх лет назад

Комментировать

От чего зависит высота списка select?

Владимир Проскурин @Vlad_IT Куратор тега CSS

Front-end разработчик

Величина зависит от браузера https://stackoverflow.com/questions/570642/height-...

Ответ написан более трёх лет назад

Комментировать

Как подружить BEM и WP?

Владимир Проскурин @Vlad_IT Куратор тега CSS

Front-end разработчик

Ну вообще, в WP почти все штуки, виджеты, меню и.т.д., всем им можно поменять шаблон и проблем не будет.

Ответ написан более трёх лет назад

10 комментариев

Изменить цвет текста внутри svg?

Владимир Проскурин @Vlad_IT Куратор тега JavaScript

Front-end разработчик

.animation + .small {
  stroke: black;
}

Ответ написан более трёх лет назад

Комментировать

Как во Vuetify v-list ловить и клик по v-list-tile и открывать меню при клике по иконке?

Владимир Проскурин @Vlad_IT Куратор тега JavaScript

Front-end разработчик

v-on:click.stop - stop уберите
UPD: добавьте @click.stop к v-list-tile-action а у v-list-tile оставьте просто v-on:click="goDetails(user.id)"
https://jsfiddle.net/z9mf503r/

Ответ написан более трёх лет назад

3 комментария

Как использовать переменную в качестве имени свойства объекта?

Владимир Проскурин @Vlad_IT Куратор тега JavaScript

Front-end разработчик

obj[category] = "val"; ?

Ответ написан более трёх лет назад

Комментировать

Как получить содержимое параграфа в родители с contenteditable=true?

Владимир Проскурин @Vlad_IT Куратор тега JavaScript

Front-end разработчик

https://jsfiddle.net/19aov30p/
т.е. получаете getRangeAt из window.getSelection(), а в нем в объекте range.commonAncestorContainer хранится текущий элемент, который обычно текстовый нод. У этого элемента получаете родителя через parentNode - это и будет ваш элемент.

Ответ написан более трёх лет назад

1 комментарий

Как в этом jq-плагине сделать чтобы маска всегда была видна, а не только при наведении?

Владимир Проскурин @Vlad_IT Куратор тега CSS

Front-end разработчик

$('.tel').inputmask("+7 (999) 999-9999",{ clearMaskOnLostFocus: false });

https://jsfiddle.net/hayfq30L/

Ответ написан более трёх лет назад

3 комментария

Body:hover и z-index двух блоков?

Владимир Проскурин @Vlad_IT Куратор тега CSS

Front-end разработчик

А в чем проблема?

.blc1 {
   z-index: 2;
}
.blc2 {
   z-index: 1;
}
.body:hover .blc1 {
   z-index: 1;
}
.body:hover .blc2 {
   z-index: 2;
}

Ответ написан более трёх лет назад

Комментировать

Скрипт JS не подгружается при загрузке сайта, но работает при взаимодействии. Как исправить ошибку?

Владимир Проскурин @Vlad_IT Куратор тега JavaScript

Front-end разработчик

Не хочется лезть в дерби калькулятора (ибо исходники ужасны, без обид). Могу только предложить костыль (как и весь калькулятор), это вызвать триггер изменения на выбранные галки (что должно было делаться еще в коде калькулятора, но не в таком виде).
Куда нибудь засуньте

$(document).ready(function() {
   $('.calc_left input:checked').change()
});

Ответ написан более трёх лет назад

Комментировать

Что сделать, чтобы выпадающее меню заработало?

Владимир Проскурин @Vlad_IT Куратор тега CSS

Front-end разработчик

Нужно убрать у .menu-wrapper nav ul li.dropdown .dropdown-menu
transition-delay: 1s;
Одна секунда, от того такая задержка.
UPD: Но у вас появится вторая проблема, это то, что если попытаться навести на раскрытые пункты, меню закрывается. Тут нужно сделать так, чтобы dropdown-menu было ближе к ссылке меню, чтобы между ними не было разрыва, в который может попасть мышка и уйти :hover

Ответ написан более трёх лет назад

11 комментариев

Есть ли событие в javascript ,которое видит что в браузере сейчас отображается именно эта часть страницы?

Владимир Проскурин @Vlad_IT Куратор тега JavaScript

Front-end разработчик

Следите за событием onscroll, и когда ее координата Y будет больше координаты Y нужного блока, значит мы доскролили.

Ответ написан более трёх лет назад

3 комментария

Как сверстать блок как круг с текстом внутри?

Владимир Проскурин @Vlad_IT Куратор тега CSS

Front-end разработчик

Инфографика может ставится картинкой (если она не интерактивная или у дизайнера нет svg). Поэтому просто ставьте ее в удвоенном размере (для ретины) и не парьтесь.

Ответ написан более трёх лет назад

Комментировать

Войдите на сайт