@js_ru
JavaScript — русскоговорящее сообщество

Рекомендуем сразу отключить уведомления Правила: http://bit.ly/our_etiquette См. также: @nodejs_ru, @typescript_ru, @react_js, @electron_ru Вакансии и поиск работы: @javascript_jobs

3006 members

Архив канала @js_ru 5 мая 2017 г.

08:37:50 ДП
08:38:18 ДП
User 38165071
😬😬😬
08:38:43 ДП
User 100151998
как такой range реализовать.
08:39:31 ДП
User 100151998
сейчас тупо абсолютно спозицианированый блок зеленым фоном увеличивает размер вслед за кнопочкой
08:40:10 ДП
User 62169189
User 317136163
Нет, не адблок, но почему-то не догадался до такой аналогии. Спасибо, теперь все стало ясно.
Наличие элемента, если он есть — глянуть в результат getComputedStyle
08:44:27 ДП
User 38165071
User 100151998
сейчас тупо абсолютно спозицианированый блок зеленым фоном увеличивает размер вслед за кнопочкой
Ну так и шикарно
08:45:12 ДП
User 100151998
я понимаю
08:45:19 ДП
User 100151998
но требование бизнеса иначе
08:45:51 ДП
User 38165071
😳 в смысле. Это должно быть сложнее сделано?
08:45:55 ДП
User 62169189
(((бизнеса)))
08:46:00 ДП
User 62169189
Простите
08:46:14 ДП
User 38165071
Объяснитесь, сударь. Что у вас не получается или не так
08:47:19 ДП
User 38165071
Или какое там у вас требование 😬
08:48:03 ДП
User 100151998
range чтобы например в зависимости от значение в инпуте именно с той позиции ползунка цвет фона красился в другой цвет
08:48:13 ДП
User 100151998
я  же скинул сверху
08:48:46 ДП
User 38165071
User 100151998
я  же скинул сверху
Картинку ебани
08:48:58 ДП
User 38165071
На фон вместо зелёного цвета
08:51:08 ДП
User 100151998
ну так мне надо в зависимости от значения в соседнем инпуте  менять цвет, в друг в мобильной версии эта картинка не совсем под 50к подстроится
08:51:29 ДП
08:51:59 ДП
User 38165071
Ну внутри своей полоски конструируй из кусков
08:52:07 ДП
User 38165071
Нужного цвета
08:52:15 ДП
08:53:24 ДП
User 38165071
Зелёную полоску набей блоками нужной ширины нужного цвета
08:54:20 ДП
User 38165071
User 100151998
Подойдёт такое решение?
08:54:33 ДП
User 100151998
не совсем тебя понял
08:54:45 ДП
User 38165071
Ну у тебя есть зеленая полоска
08:54:54 ДП
User 38165071
А должна быть цветной
08:55:21 ДП
User 38165071
И ширина цветных частей меняется, на сколько я понял
08:56:14 ДП
User 38165071
Если бы пропорции были всегда одинаковые - тебе подошла бы картинка на фон
08:57:29 ДП
User 38165071
А если они высчитываются динамически - это делается несколькими блоками разных цветов, которые лежат в твоей пока что зеленой полоске
09:00:58 ДП
User 38165071
User 100151998
не совсем тебя понял
Все равно ничо не понятно?
09:02:27 ДП
User 64695226
Оффтоп: заметил очепятку, правильно "учаСтвовать"
09:06:38 ДП
User 38165071
Осталось найти это место
09:06:43 ДП
09:07:14 ДП
User 100151998
User 38165071
А если они высчитываются динамически - это делается несколькими блоками разных цветов, которые лежат в твоей пока что зеленой полоске
есть примеры?
09:08:09 ДП
User 38165071
Ну эээ див, а внутри цветные дивы, которым ты устанавливаешь ширину как тебе заблагорассудится
09:08:31 ДП
User 100151998
хмммм
09:09:19 ДП
User 38165071
Ну и у дива обёртки ты выставляешь ширину. У него overflow: hidden
09:10:07 ДП
User 38165071
Он у тебя заканчивается под бегунком, отрезая отображение внутренних
09:11:45 ДП
User 38165071
User 100151998
хмммм
Ну а ширина всей этой хрени - js  и капелька математики
09:12:03 ДП
User 100151998
я прост чет подустал
09:12:12 ДП
09:12:45 ДП
User 100151998
такс сейчас я могу отслеживать value и позицию ползунка и за принтил цвета которые должны подкрашиваться после определенного значения
09:15:50 ДП
User 38165071
В то, что ты хочешь подкрашивать запихни три блока. Зелёный, оранжевый и красный
09:17:37 ДП
User 38165071
Никто не узнает, что это три блока, а не цветная полоска 😂
09:18:07 ДП
User 38165071
Можно градиент использовать ещё
09:26:05 ДП
User 178689889
канвас заебаш
09:26:15 ДП
User 178689889
и рисуй на него что хочешь как хочешь
09:26:50 ДП
User 38165071
Тоже варик
09:27:22 ДП
User 100151998
канвас не юзал
09:27:32 ДП
09:27:52 ДП
User 100151998
это плагин думаю если заюзаю еще и канвас будет больше кода
09:28:08 ДП
User 38165071
Вообще можно юзать один блок. Где левый бордер зелёный, бэкграунд оранжевый, а правый бордер красный
09:28:42 ДП
User 100151998
залить на codepen?
09:29:08 ДП
User 178689889
meh
плагины нинужны
09:29:24 ДП
User 38165071
Канвас не плагин, но в данной ситуации проще дивами имхо
09:29:35 ДП
User 178689889
после релиза я думаю статей напилить по канвасу, будете читать?
09:29:55 ДП
09:31:27 ДП
User 38165071
User 100151998
залить на codepen?
У меня нет доступа к пк
09:32:42 ДП
User 38165071
Просто засунь три блока в свой зелёный, расположи слева направо и задай начальную ширину в 10 пикселей
09:32:50 ДП
User 38165071
Раскрась
09:33:10 ДП
User 38165071
И кидай скрин
09:34:55 ДП
User 38165071
Зелёный покрась пока черным
09:35:32 ДП
User 178689889
я в играх так шкалу жизни делал:
на фон рисуешь всю цветную шкалу, поверх нее перекрытие и меняешь ширину перекрытия
09:35:49 ДП
User 178689889
в твоем случае серая полоска
09:35:58 ДП
User 38165071
User 178689889
я в играх так шкалу жизни делал:
на фон рисуешь всю цветную шкалу, поверх нее перекрытие и меняешь ширину перекрытия
Ну говорит, что у него динамически цвета
09:36:03 ДП
09:36:13 ДП
User 38165071
Хотя мб ничо не понимает
09:36:14 ДП
09:36:15 ДП
09:36:18 ДП
User 178689889
ща все прочту
09:36:30 ДП
User 38165071
Я так и не понял проблемы
09:37:10 ДП
User 100151998
может after и before этого блока заюзать
09:37:13 ДП
User 100151998
и их подкрасить
09:37:14 ДП
User 178689889
с адаптивом проблема и пропорциональростью вроде
09:37:20 ДП
User 178689889
можно и так
09:37:29 ДП
User 178689889
можно градиентом в процентах цказать размеры
09:37:38 ДП
User 38165071
Если цвета всегда одинаковые и одной ширины, то картинка подошла бы
09:38:08 ДП
User 178689889
главное чтобы их пропорции динамически не менялись
09:38:32 ДП
User 38165071
User 178689889
главное чтобы их пропорции динамически не менялись
Можно градиент менять)
09:38:46 ДП
User 178689889
ну это да
09:38:49 ДП
User 178689889
мало инфы
09:39:07 ДП
User 178689889
мне так два бывших тимлида задачи ставили
09:39:30 ДП
User 178689889
больше их никто не видел
09:39:43 ДП
09:40:58 ДП
User 38165071
Мне кажется, что тут проблема в том, что чел не может добавить три блока внутрь
09:41:36 ДП
User 38165071
Мб по религиозным соображениям хз. Мб флоат: лефт его пугает
09:44:39 ДП
User 38165071
User 100151998
может after и before этого блока заюзать
Хотя после этого есть подозрения, что он просто сэкономить на дивах, сделав через жопу и неудобно
09:44:42 ДП
09:51:42 ДП
User 100151998
нет этот блок генерится плагином
09:52:27 ДП
User 100151998
и я не хочу костылить жестко создавая блоки и пихать у себя в модуле в в родитель который создается в плагине
09:52:29 ДП
09:52:31 ДП
User 100151998
понимаешь?
09:53:13 ДП
User 38165071
Не приходила в голову мысль, что этот плагин не то, что тебе надо?
09:53:32 ДП
User 38165071
Хотя ладно
09:53:57 ДП
User 38165071
"Не только лишь все" готовы реализовать бегунок
09:54:07 ДП
09:54:50 ДП
User 38165071
Я такой уникальный функционал пилю руками
09:55:51 ДП
User 38165071
Ладно
09:56:00 ДП
User 38165071
Давай попробуем помочь тебе
09:56:23 ДП
User 38165071
Бифор и афтер подойдут
09:56:52 ДП
User 38165071
Но там ещё есть кружок
09:57:10 ДП
User 38165071
Между зелёным и оранжевым
09:57:50 ДП
User 38165071
Я бы всё же динамически добавлял дивы внутрь и красил)
09:58:09 ДП
09:58:34 ДП
User 38165071
Если это и костыль, то совсем небольшой
09:59:01 ДП
09:59:04 ДП
User 38165071
Кстати
09:59:28 ДП
User 38165071
Есть ещё box-sizing: borderbox
10:00:22 ДП
User 38165071
Хотя может не сработать
10:07:21 ДП
User 38165071
User 100151998
окей
А градиент тебе не нравится?
10:08:03 ДП
User 100151998
можно
10:08:04 ДП
User 38165071
Щас даже есть градиенты с резкими краями
10:08:49 ДП
User 38165071
Градиент как фон. Кружок - как афтер
10:08:52 ДП
10:16:09 ДП
User 38165071
User 100151998
можно
repeating-linear-gradient
10:16:22 ДП
User 38165071
хотя не, не он )
10:16:38 ДП
User 38165071
хотя он
10:16:46 ДП
User 38165071
у него чёткие края
10:17:08 ДП
User 38165071
если пошаманить - получится идеально красиво только лишь стилями
10:37:40 ДП
User 100151998
мысль
10:37:49 ДП
User 100151998
а ведь скошенные углы можно и градиентом делать
10:38:22 ДП
User 100151998
без всяких clip-path который ff не поддерживается транмформаци и пр
10:38:23 ДП
User 38165071
можно и кружок наверно градиентом сделать
10:38:45 ДП
User 38165071
clip-path - даже не знаю о чём ты
10:39:19 ДП
User 38165071
border-radius и overflow hidden не подходит?
10:39:42 ДП
User 100151998
ща с градиентом по играюсь через scss вроде легче с ним работать
10:40:55 ДП
User 38165071
крч - зелёный оранж красный - это градиент, а кружок белый - второй радиальный градиент сверху в одном элементе
10:41:00 ДП
User 38165071
делается через запятую
10:41:43 ДП
User 38165071
параметры градиента можно задавать динамически через js
10:46:32 ДП
User 38165071
User 100151998
ща с градиентом по играюсь через scss вроде легче с ним работать
но это может быть не кроссбраузерно. хз что тебе надо поддерживать. и придётся впиливать дивы или канвас )
10:51:40 ДП
User 100151998
а если убрать вот этот префикс чтобы бовер больше никогда не обновлял плагин с оригинального репозитория и там добавить создать пару дивок и настроить чтобы они тоже бегали за ползунком со своим фоном
10:51:42 ДП
10:56:19 ДП
User 100151998
бля уже под конец рабочего дня голова не работает ищу изи решения))
11:08:08 ДП
11:08:08 ДП
User 177146516
Парни, мозг сломал, подскажите момент с jQuery. Я делаю проверку формы - validate(), если она успешна - хочу POST-запрос отправить. Но получается какая-то дичь.
11:08:32 ДП
User 177146516
и проверка не проходит, и запрос отправляется, причём - четырежды
11:08:58 ДП
User 112414052
потому что ты хендлер на клик пихнул в сабмит хендлер
11:09:12 ДП
User 112414052
в сабмитхендлере у тебя не form, а data из формы
11:09:19 ДП
User 112414052
его и отправляй
11:09:58 ДП
User 177146516
а как её туда засунуть?)
11:10:41 ДП
User 177146516
речь о
submitHandler: function(form)
(form) тут ?
11:11:02 ДП
User 112414052
сделай
submitHandler: function(data) {
  console.log(data);
}
11:11:18 ДП
User 112414052
если ты до этого все сделал правильно, то у тебя должен быть там объект  с данными
11:11:21 ДП
User 112414052
его и отправляй
11:12:36 ДП
User 100151998
User 38165071
крч - зелёный оранж красный - это градиент, а кружок белый - второй радиальный градиент сверху в одном элементе
http://stackoverflow.com/questions/10485075/slider-with-multiple-handle-and-background-color-for-content
stackoverflow.com/questions/10485075/slider-with-multiple-handle-and-background-color-for-content
I am trying to work with Jquery UI slider where I can have multiple handles: $(function () { var handlers = [25, 50, 75]; $("#slider").slider({ min: 0, max:...
11:12:42 ДП
User 100151998
смотри че нашел
11:12:45 ДП
User 155513348
клик не нужен, + у формы отмени стандартное поведение
11:12:59 ДП
User 155513348
оставь только у валидатора обработчик
11:13:09 ДП
User 177146516
User 112414052
сделай
submitHandler: function(data) {
  console.log(data);
}
Первый раз нажал send, ничего не произошло. Второй - один запрос.
11:13:23 ДП
User 177146516
нажимаю третий раз - уже два запроса
11:13:30 ДП
User 177146516
чего они инкрементятся?
11:13:58 ДП
User 155513348
click убрал?
11:14:01 ДП
User 155513348
обработчик
11:15:16 ДП
User 177146516
ща, я сам себя задудосил, потестить решил
11:15:26 ДП
User 177146516
на 12к запросов пошли фейлы)
11:16:25 ДП
User 177146516
сейчас вот так выглядит, валидацию пройти при введенных данных не должно, но отправляет всё равно
11:16:46 ДП
User 155513348
убери click
11:17:01 ДП
User 177146516
закомментил же
11:17:14 ДП
11:17:33 ДП
User 155513348
а где у тебя правила на валидацию?
11:17:34 ДП
User 112414052
покажи шаблон тогда
11:18:04 ДП
User 177146516
была такая херня, до этого подключал validate-min, и он на лету форму валидировал, когда было просто $('#contact-form').validate();
11:18:12 ДП
User 177146516
а сейчас вообще нет, обычный подключил
11:18:35 ДП
11:19:03 ДП
User 177146516
в обычном validate как надо подключить валидацию?
11:19:23 ДП
User 155513348
гугл в помощь, там есть все опции для валидатора
11:19:42 ДП
User 155513348
rules, onkeyup, ignore, onclick и т.д.
11:20:00 ДП
User 155513348
и по example ты можешь сделать
11:20:07 ДП
User 100151998
что делает javascript:void(0)
11:20:07 ДП
11:20:15 ДП
User 52383088
водит нулём
11:20:23 ДП
User 155513348
https://jqueryvalidation.org/documentation/
11:20:24 ДП
User 112414052
User 177146516
зачем ты в класс это напихал?
11:20:49 ДП
User 112414052
type="email" required
11:20:52 ДП
User 112414052
так работает будет
11:20:58 ДП
User 100151998
он походу не юзает системную валидацию
11:21:01 ДП
User 177146516
в доке класс было
11:21:33 ДП
User 38165071
User 100151998
а если убрать вот этот префикс чтобы бовер больше никогда не обновлял плагин с оригинального репозитория и там добавить создать пару дивок и настроить чтобы они тоже бегали за ползунком со своим фоном
Ну вставь ты туда 3 блока, ты заманал )
11:21:40 ДП
User 38165071
Самое простое решение
11:21:45 ДП
User 100151998
у меня уши горят)))
11:21:52 ДП
11:22:07 ДП
User 177146516
User 112414052
так работает будет
блин, завелось, спасибо
11:23:26 ДП
11:23:27 ДП
11:23:28 ДП
11:23:37 ДП
User 177146516
оно пропускает вот это: Email: an@ji
11:23:49 ДП
User 177146516
это куда копать? в опции валидатора?
11:25:25 ДП
11:26:01 ДП
User 155513348
rules: {
   Email: {
required: true,
regexp: /тут твоя регекспа на мыло/
}}
11:26:22 ДП
User 155513348
чтобы был regexp
11:26:28 ДП
User 155513348
тебе нужен кастомный метод
11:27:00 ДП
User 112414052
User 177146516
оно пропускает вот это: Email: an@ji
а это на самом деле валидный емейл
11:27:10 ДП
User 155513348
jQuery.validator.addMethod('regexp', function(value, element, regexp) {
        var expr = new RegExp(regexp);
        return this.optional(element) || expr.test(value);
    }, jQuery.validator.messages.regexp);
11:27:15 ДП
User 155513348
пример
11:27:48 ДП
User 177146516
спасибо, буду читать
11:27:55 ДП
User 177146516
User 112414052
а это на самом деле валидный емейл
каким образом - валидный?
11:28:15 ДП
User 112414052
User 177146516
каким образом - валидный?
таким, по RFC
11:28:24 ДП
User 155513348
jQuery.extend(jQuery.validator.messages, тутутебябудеттвойобъектссообщениями);
11:28:44 ДП
User 155513348
пример
11:28:45 ДП
User 177146516
а, т.е. чтоб нормально, по пацански проверяло нужна регулярка, я понял, а так он по стандартам херачит
11:31:34 ДП
User 100151998
есть атрибут pattern
11:31:43 ДП
User 100151998
тоже нативный системный
11:32:11 ДП
User 155513348
User 100151998
есть атрибут pattern
тогда можно вовсе отказаться от валидатора
11:32:16 ДП
User 155513348
нахуй он нужен тогда)
11:32:27 ДП
User 155513348
$.validate
11:32:29 ДП
User 155513348
имею ввиду
11:32:45 ДП
User 100151998
если диз не нужен
11:32:47 ДП
11:32:47 ДП
User 100151998
http://caniuse.com/#feat=input-pattern
11:33:43 ДП
User 100151998
бля не навижу эти говно алерты
11:34:36 ДП
User 100151998
почему бы просто не заглушить кнопку и подкрашивать инпуты красным пока пользователь верно не заполнит по  placeholder ам а потом просто раздизейблить кнопку
11:35:10 ДП
11:35:50 ДП
User 255709975
User 100151998
11:52:49 ДП
User 38165071
кстати, сейчас в среднем по палате какой ie поддерживают?
11:53:00 ДП
User 32530886
ребята запилили чатик по гиту без рекламы от prodot
@git_ru
12:14:37 ПП
12:14:45 ПП
User 255709975
Подзабыл,а что означало ?  в js?
12:15:06 ПП
User 178689889
тернарник
12:15:22 ПП
User 178689889
проверка условия
12:15:26 ПП
12:15:54 ПП
User 178689889
if (cond) {do1} else {do2}
cond ? do1 : do2;
12:17:29 ПП
User 255709975
Спасибо
12:21:36 ПП
User 177146516
User 155513348
rules: {
   Email: {
required: true,
regexp: /тут твоя регекспа на мыло/
}}
Это по сабмиту. https://pastebin.com/wmRV3PVm
12:22:01 ПП
User 155513348
regexp метод добавлял?
12:22:27 ПП
User 155513348
User 155513348
jQuery.validator.addMethod('regexp', function(value, element, regexp) {
        var expr = new RegExp(regexp);
        return this.optional(element) || expr.test(value);
    }, jQuery.validator.messages.regexp);
вот
12:22:53 ПП
User 155513348
jQuery.extend(jQuery.validator.messages, тутутебябудеттвойобъектссообщениями);
12:22:53 ПП
User 155513348
пример
12:22:55 ПП
User 177146516
User 155513348
вот
блин, ща
12:22:58 ПП
12:25:09 ПП
User 38165071
User 178689889
if (cond) {do1} else {do2}
cond ? do1 : do2;
if(cond) {z = a} else {z = b}
z = cond ? a : b
12:25:18 ПП
12:25:56 ПП
User 178689889
ну да, тернарник взвращает результат вычисления
01:27:06 ПП
User 182477054
всем привет) кто-то юзает js в WebView ios?
01:27:30 ПП
User 131108213
сталкивался
01:28:50 ПП
User 182477054
User 131108213
сталкивался
как указывать пути к файлам? почему-то <script type="text/javascript" src="/app.js?76bae83c5193d92021e3"></script>  не находит файл
01:29:14 ПП
User 182477054
хотя он лежит на том же уровне вложенности
01:32:10 ПП
User 38165071
/app.js - это app.js в корне сайта
01:32:17 ПП
01:32:24 ПП
User 38165071
черту убери, если надо относительно
01:33:02 ПП
User 38165071
у тебя сервак мб корень сайта считает не www, а выше
01:33:20 ПП
User 38165071
HelloCordova, например )
01:33:37 ПП
User 38165071
или пиши /www/app.js или сервак перенастраивай
01:33:49 ПП
User 182477054
это не сервак, а WebViwe
01:33:55 ПП
User 131108213
использовал внешние ссылки, проверь пути — правильно говорят
01:34:56 ПП
User 131108213
ну и SO само собой всегда помогает
http://stackoverflow.com/questions/32582198/load-local-javascript-in-webview
http://stackoverflow.com/questions/5733883/loading-javascript-into-a-uiwebview-from-resources
stackoverflow.com/questions/32582198/load-local-javascript-in-webview
I'm making mobile browser with my own ads in swift and i want to run script.I already inject javascript local file but it opens in other window and override webview content.Is it possible to run
01:35:07 ПП
User 38165071
User 182477054
это не сервак, а WebViwe
ну крч, у тебя корень сайта не там, где ты думал в этом вебВью
07:15:31 ПП
User 133277047
Ребят, а подскажите куда копать. вот есть кастомный класс маркера для гуглокарты, он наследуется от google.maps.OverlayView. Есть кейс когда нет интернета, соответсвенно загрузить js с google.maps.OverlayView нет возможности. Как быть?
07:18:48 ПП
User 76662447
Не наследоваться от гугла
нести свою имплементацию с собой
setPrototypeOf
просто сделать класс так чтобы он не падал
использовать композицию
07:21:44 ПП
User 133277047
даже есть мне там надо полтора метода переопределить?
07:22:56 ПП
User 177146516
а можно же в строку значение с формы подставить?
07:23:05 ПП
User 177146516
"Thank for feedback, "+$('#name').val()+".");
07:23:37 ПП
User 177146516
оно 100% есть, но приходит пустое, в итоге на выходе имею: Thank for feedback, .
07:28:52 ПП
User 209386
а какой у тебя элемент с id=name?
07:31:46 ПП
User 209386
User 177146516
"Thank for feedback, "+$('#name').val()+".");
https://jsfiddle.net/s077qe6b/
jsfiddle.net/s077qe6b
Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
07:32:33 ПП
07:33:45 ПП
User 209386
сделай перед этим console.log($('#name')[0]) и посмотри в консоли что нужный элемент действительно выбирается
07:33:59 ПП
User 209386
может у тебя несколько элементов на странице с таким id
07:34:20 ПП
User 1645170
про жс ничо не скажу, а по-англ напиши там либо thank you, либо thanks, а то корявенько
07:34:47 ПП
07:34:49 ПП
User 177146516
заглушка
07:35:00 ПП
User 177146516
я переменную сделал с name, заработало
07:41:41 ПП
User 1645170
нет ничего более постоянного, чем временное
07:50:47 ПП
User 32530886
User 1645170
нет ничего более постоянного, чем временное
+
08:27:54 ПП
User 153148625
Куплю MacBook pro 13 бу, можно несколько, кто будет менять пишите)))
08:32:31 ПП
User 177916640
User 153148625
Куплю MacBook pro 13 бу, можно несколько, кто будет менять пишите)))
В авите гля