@web_structure
Alice
Владислав14.10.2018
09:20:01
09:20:01
Народ, помогите, пжлст!
Есть ряд кнопок. При нажатии на кнопку - ей добавляется класс .active. Я написал вот такой код:
$(".btn").click(function(e) {
e.preventDefault();
$(".btn").removeClass('active');
$(this).addClass('active');
});
но он не соответствует моим требованиям.
Я хочу следующее:
нажал кнопку №1 - ей добавился класс .active
нажал кнопку №2 - ей добавился класс .active
нажал кнопку №3 - ей добавился класс .active
На выходе у меня три нажатые кнопки с классом .active
Теперь я хочу, к примеру, с кнопки №1 убрать класс .active - нажимаю на кнопку №1 повторно и класс .active с нажатой кнопки убирается.
Вопрос
Как при клике добавить класс, а при повторном клике - убрать?
$(".btn").click(function(e) {
e.preventDefault();
$(this).toggleClass('active');
});
Dennis14.10.2018
09:21:09
09:21:09
GoogleВладислав14.10.2018
09:31:47
09:31:47
У кого какой просмоторщик фоток?
Сейчас Picasa стоит, может думаю что получше поставить?
LZD6414.10.2018
09:36:50
09:36:50
Combot14.10.2018
09:38:39
09:38:39
✅ Группа Вк: vk.com/web_structure
✅ Библиотека верстальщика: @weblibrary
✅ Веб Дизайн: @dev_design
✅ Freelancer: @web_fl
LZD6414.10.2018
09:39:27
09:39:27
У меня правда на крупных псд тупит
LZD6414.10.2018
09:39:51
09:39:51
Стоит
Egor14.10.2018
09:40:10
09:40:10
Только у неё с кириллицей проблемы вроде.
LZD6414.10.2018
09:40:14
09:40:14
Когда зумплю и пытаюсь скролить комп звхлебывается
GoogleEgor14.10.2018
09:41:14
09:41:14
Ну, бывает. У меня проблемы были с названием папок, с путями.
Владислав14.10.2018
09:48:43
09:48:43
Так, вопрос по VScode: есть какой нибудь гайд/статья, чтобы сразу въехать во все фичи редактора?
Дайте ссыль, если есть у кого, пожалуйста)
F̦̮̦͍́ o̹̟̩r̨̮͈ ̘͕̥͓d̙͓̀ ̖̱̟en͖͍̼̘̺̣̘14.10.2018
09:49:27
09:49:27
Так, вопрос по VScode: есть какой нибудь гайд/статья, чтобы сразу въехать во все фичи редактора?
https://code.visualstudio.com/docsАлександр14.10.2018
09:51:52
09:51:52
Привет, есть проблема. У меня двумерный массив, и я хочу с помощью indexOf вывести индекс, который соответствует выбранному элементу. Но почему-то это не работает. Можете подсказать как исправить? https://codepen.io/AleksandrVais/pen/VEzZZV?editors=1011
Слон Студио14.10.2018
10:01:35
10:01:35
У кого какой просмоторщик фоток?
Сейчас Picasa стоит, может думаю что получше поставить?
https://www.xnview.comLZD6414.10.2018
10:45:30
10:45:30
а ктонить встречал онлайн инструмент в который я пихаю большие картинки ресайзаю как хочу а на выходе получаю спрайт?
Combot14.10.2018
11:00:31
11:00:31
Red bob has been kicked for inactivity (captcha button not pressed).
Andrey14.10.2018
11:03:46
11:03:46
Кто нибудь пользуется фигмой?
Andrey14.10.2018
11:10:01
11:10:01
Ага
Подскажи, как узнать расстояние в пикселях между элементами (группами). В авокоде, при зажатом шифте, между двумя элементами сразу высвечивается расстояние, а в фигме нет.Владислав14.10.2018
11:17:32
11:17:32
Александр14.10.2018
11:18:36
11:18:36
Тут две линии метро. и две пересадочные станции
скобок наставил, знаю) Я их ужу исправил)
Александр14.10.2018
11:23:35
11:23:35
При вводе 2 станций – на которой садиться человек и куда ему нужно доехать – программа должна выдать описание маршрута: направление (конечную станцию), количество перегонов, нужна ли пересадка и т.д.
Для Грушевка и Немига, например, программа должна выдать сообщение: «Ехать в сторону станции Уручье,
выйти на 3-й остановке Октябрьская, перейти на станцию Купаловская, ехать в сторону ст. Каменная горка,
выйти на 1-й остановке».
я уже разобрался там, провда не через indexOf, а через for
как я понимаю, indexOf более красивый меиод перебора, а for проще для понимания, ну лично для меня))
ой, я про forEach думал сейчас
Может и легче, хотя как по мне, суть тут одна и та же, только разника в том, как обращаться к массивам
Google
Николай14.10.2018
11:36:20
11:36:20
ой, я про forEach думал сейчас
Если требуется скорость перебора, используй for. Если элементов не особо много, используй forEach
Nikita14.10.2018
11:53:12
11:53:12
Подскажите, как сделать по центру полукруг средствами CSS? Получается какая-то колбаска =/
https://codepen.io/anon/pen/EdwwPX
Эмиль14.10.2018
11:54:30
11:54:30
Kirill14.10.2018
11:54:56
11:54:56
Так ты хочешь? https://codepen.io/anon/pen/gBGGrE
Nikita14.10.2018
11:55:59
11:55:59
114.10.2018
11:58:35
11:58:35
ищу дизайнера-новичка, чтобы попробовать забацать
разобрался? скинь стили серых элементов, как отступы указал
Anton14.10.2018
12:03:17
12:03:17
ну сделай круг и задвинь его наверх
114.10.2018
12:03:35
12:03:35
.class
{
margin-top: (сделай вместо двух марджинов один (два по 15 пикселей - один по 30))
margin-right: сколько надо
}
.class:nth-child(3n)
{
margin-right: 0;
}
.class:nth-child(1), .class:nth-child(2), .class:nth-child(3)
{
margin-top: 0;
}
Nikita14.10.2018
12:03:48
12:03:48
Nikita14.10.2018
12:03:51
12:03:51
https://codepen.io/anon/pen/EdwwPX
Полукруг получается, но нужен полуовал.
Реально такое сделать?
В крайнем случае, запилю картинкой, пофиг, но хотелось бы на CSS попробовать :)
AdminERROR: S client not available
Kirill14.10.2018
12:10:45
12:10:45
Да можно
width: 200px;
height: 100px;
border-radius: 100px / 50px;
Или типо того
GoogleKirill14.10.2018
12:12:06
12:12:06
Так получится овал ,а не колбаска
114.10.2018
12:12:28
12:12:28
.class
{
margin-top: (сделай вместо двух марджинов один (два по 15 пикселей - один по 30))
margin-right: сколько надо
}
.class:nth-child(3n)
{
margin-right: 0;
}
.class:nth-child(-n+3)
{
margin-top: 0;
}
Nikita14.10.2018
12:27:01
12:27:01
Так получится овал ,а не колбаска
Сделал в итоге целым овалом, а верхним блоком перекрыл с помощью z-index.Владислав14.10.2018
12:37:41
12:37:41
Получилось так, но из-за отступов не выходит ровно
Родителю дай margin: -15px 0, вместо 15 подставь тот, который у дочерних блоков.
А вообще дочерним даешь margin: 15px а родителю margin: -15px. И все.LZD6414.10.2018
13:00:19
13:00:19
ребят а мож у кого есть готовый пхп скрипт который подставляет определенный текст в зависимости от ос?
мне для разных ос разные линки на кнопке надо сделать
Или не пхп
Жс тоже пойдёт
Anton14.10.2018
13:04:41
13:04:41
Anton14.10.2018
13:04:57
13:04:57
А если в этой строке ничего про ОС не будет?)
LZD6414.10.2018
13:05:50
13:05:50
Егор14.10.2018
13:06:51
13:06:51
Народ , доброго времени суток
Объясните пожалуйста в чём разница
target="blank" и target="_blank"
Kirill14.10.2018
13:10:40
13:10:40
target="blank" Такгетит уже существующее окно или фрейм с названием blank
Соответственно ,если такого нет , то создает новый
А target="_blank" всегда создает новое окно
Напоминаю, кстати , что атрибут target сам по себе не валидный и осуждается спецификацией
GoogleKirill14.10.2018
13:15:58
13:15:58
И вот эту штуку вкину, если кто не видел (не знаю на сколько актуально правда )
https://habr.com/post/282880/
ᅠ14.10.2018
13:18:59
13:18:59
Открыть в Telegram