Cenator 🐈
CherryTea
Lev
Кто то сталкивался с тормозами при большом количестве линий в openlayers?
Nikita
MANIMI
Всем привет) Господа, нужно написать сервис на javascript:
Планировку дома в браузере и подсчет площади.
Бюджет: 20-40к
Подробности в личку.
Есть желающие?
Никита
есть готовые решения)
Dan
Привет
Dan
Ребят можете помочь
Dan
с логикой для одного слайдера
Dan
пишу на чистом js
Костя
Dan
сарказм?
Костя
ага
Dan
Не суть
Костя
ну давай сюда слайдер свой, попробуем помочь)
MANIMI
есть готовые решения)
Не проблема. Главное чтобы в браузере работало и было поддерживаемо(не на флешеDD)
Dan
Да мне только логика построение кода нужна
самому смешно
1) Каждый слайд имеет свою точку( dot). Переключение идет только по ним. Каждый слайд спрятан через opacity: 0, и только тот который имеет класс active - opacity: 1
Если короче. 1 элемент dot отвечает за показ 1 слайдера
2 элемент за показ второго слайда
Мне надо что бы при нажатий к примеру на 4 dot, все слайды убрали класс active и 4 получил его, точно так же все доты убираются класс и только 4 dot получает класс active
1 dot.active = 1 slide opacity 1
2 dot.active = 2 slide opacity 1
3 dot.active = 3 slide opacity 1
Dan
много написал просто понимают что решение легкое
Dan
но не знаю как написать
Никита
ну, у вас есть длина дотов и длина элементов слайдов - они равны, если вы нажали на 4-й дот, то везде трете актив и ставите в нужный грубо говоря
Dan
Да, длина и индексы их совпадают
Dan
Я получаю массив дотов и массив слайдов
Dan
запускаю цикл по дотам,
dots[i].addEventListner('click',function(){
slide[i].classList.add('active')
});
Dan
но не знаю как сделать что бы изначально код удалял классы у других
Anonymous
Ремуве
Anonymous
Remove
Anonymous
Zamesto add
Dan
ОН удалит у других
Dan
а нужному как добавить
Dan
тогда
Никита
вы нужному уже добавляете
Никита
перед тем как добавить нужному - уберите везде
Dan
slide[i].classList.remove'active')
Anonymous
Ну дак удаляй нужному
Dan
удаляет у всех
Dan
а нужному
Anonymous
Чё за тупие вапросы
Dan
добавить
Никита
и вам не надо вешать аддлистенер на каждый дот - достаточно повесить на класс, который соответствует всем дотам. по нажатию - бегаете по всем слайдам, убираете им актив и ставите нужному
Dan
Сейчас попробую) спасибо за идею
Anonymous
А не нужному не удаляй
Anonymous
Без задней мысли
wp0
Никита
у вас есть евент таргет, есть евент паф
wp0
ага. и обработчик будет срабатывать по каждому клику, не только по дотам, а по всему что есть внутри родителя - пусть даже это будет простая проверка, мне кажется, лучше так не делать
wp0
разве что в будущем надо будет добавлять эти слайды...
wp0
но тогда и доты добавлять надо будет для них, хм
Dan
dots[i].addEventListener('click',function(){}
Dan
console.log(dots[i])
Dan
Показывает undefined
Никита
у вас var dots = document.querySelectorAll('.dots') ?
Dan
document.getElementsByClassName('dot);
Никита
закрывающая запятая сверху вот у вас в коде тоже отсутствует?
Dan
все есть
Dan
думаю дело в том что я в цикл поставил
Dan
это
Dan
for(Var i = 0; i<dots.length; i++){
dots[i].addEventListener('click',function(){
console.log(dots[i])
})
}
Костя
у тебя проблема есть
Костя
они все будут выводить последнюю точку тут
Dan
да
Dan
ибо в цикле
Dan
логика не так
Dan
Мб, при клике на dot он определяет какой это элемент
Dan
и выдает элементу slide с тем же индексом
Dan
да
Dan
как при клике узнать index
Dan
элемента
Костя
замыкаешь листенер на индексе
Dan
А примерно в коде это как
Dan
я не силен так в js
Костя
for(Var i = 0; i<dots.length; i++){
(function(index) {
dots[index].addEventListener('click',function(){
console.log(index)
})(i))
}
Костя
типа такого
Костя
как вариант
Dan
Спасибо, сейчас попробую
Diana
#харьков #вакансия #офис #javascript #fulltime
Всем привет!
В поисках JS разработчика, на проект:
https://www.brightgrove.com/vacancies/senior-javascript-developer/
Вилка ЗП: до 4К евро (но обсуждаемо)
https://www.brightgrove.com/vacancies/senior-javascript-developer-2/
Вилка зп: 3,3 - 3,5 евро (так же обсуждаемо)
Проекты долгосрочные.
По всем вопросам пишите в лс 😁
ghett
ну ладно, меня попустило со вчера, сорян посоны. у меня прост прошли сутки в разработке годного скролла внутри свг и перепробовал всё от собственных говноподелий яля: "пушим массив на on wheel и по нему считаем куда скролить док" и "вот бы lerp приделать, ну хотя бы на скотче сука прилепить!". А какие планы были, ну да ладно. в результате таки css переменные через транзишн, страница скроллится в 2 шага по фиксированным точкам, на эти же 2 шага развешены clerInterval ы для слайдера и пр.
dmi
куку, столкнулся с такой штукой. в docker в nginx в настройки добавил хедеры access origin * чтоб cors ходить. cors 500 и не видит заголовков, а когда я через браузер на страницу захожу они есть. как такое возможно?
dmi
и куда копать )
CherryTea