Сделать кнопку неактивной

В этой теме 9 ответов, 4 участника, последнее обновление 9 месяцев, 1 неделя назад сделано Alexander Kovelenov.

Просмотр 10 сообщений - с 1 по 10 (из 10 всего)

Автор

Сообщения
11 октября, 2024 в 14:10 #19654
cheshir
Участник
Здравствуйте!
Каким образом можно реализовать неактивность (исключить запуск эвента по клику) кнопок 3 и 4, при нажатии кнопки 1, при этом кнопка 1 должна быть неактивной, если нажаты кнопки 3 или 4.
Вложения:
1. buttons.jpg
11 октября, 2024 в 14:32 #19656

solid
Customer

Привет. Стили. Disabled

https://stackoverflow.com/questions/14750078/style-disabled-button-with-css

Webgl Interactive Development https://t.me/AlternativeWebgl

11 октября, 2024 в 15:08 #19657

cheshir
Участник

Спасибо за ответ. Через псевдоклассы разумное решение, не понятно как это реализовать через пазлы.

12 октября, 2024 в 07:54 #19658

solid
Customer

https://www.soft8soft.com/docs/manual/ru/puzzles/HTML.html#set_attribute

Webgl Interactive Development https://t.me/AlternativeWebgl

12 октября, 2024 в 12:01 #19659

cheshir
Участник

Ой, вей… читал инструкцию, смотрел в приложении, но пазл «set attribute» проглядел… Спасибо большое.

14 октября, 2024 в 11:15 #19660
cheshir
Участник
Идея хорошая, но к сожалению не работает.
1. Мануал по пазлу устарел, и сейчас нет пазла set attr (см. вложение), согласен, есть новый пазл set prop.
2. Пазлы set меняют значение указанного атрибута, а не добавляют сам атрибут, и не выйдет указать в html атрибут disabled и дать ему значение false, к примеру disabled=»false», и менять его пазлом set на «true», так как disabled не регулируется дополнительными значениями.
3. По факту, даже если непосредственно в html внести атрибут disabled, он не блокирует выполнение эвента click.
Вложения:
1. html.jpg
16 октября, 2024 в 17:03 #19662

kdv
Участник

document.getElementById(targetID).style.pointerEvents = 'none';

паззлами добавить в стиль параметр pointer-events не получится, они в S8S не внесли его в список доступных параметров стиля.

А параметр disabled, вроде как, только для кнопок <button> применим. На обычные <div> никак не влияет.

Puzzles and JS coding. Fast and expensive.

If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of the meaning at all.

17 октября, 2024 в 13:42 #19663
cheshir
Участник
Как оказалось, получится =) Если прописать стиль вручную через пазл текста
Вложения:
1. point.jpg
17 октября, 2024 в 13:49 #19665

kdv
Участник

ну можно и так, обходными путями ))) просто потом будет затруднительно переключаться между активным и неактивным состоянием, если таковое вдруг понадобится. или придется пересоздавать CSS-правило каждый раз.

Puzzles and JS coding. Fast and expensive.

If you don’t see the meaning in something it primarily means that you just don’t see it but not the absence of the meaning at all.

23 января, 2025 в 16:05 #19755

Alexander Kovelenov
Staff

kdv писал(а):

паззлами добавить в стиль параметр pointer-events не получится, они в S8S не внесли его в список доступных параметров стиля.

Обязательно добавим в следующем релизе!

Soft8Soft Tech Chief
X | FB | LinkedIn
Автор

Сообщения