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

В этой теме 8 ответов, 3 участника, последнее обновление 1 месяц назад сделано kdv.

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

Автор

Сообщения
11 октября, 2024 в 14:10 #19654

cheshir
Участник

Здравствуйте!
Каким образом можно реализовать неактивность (исключить запуск эвента по клику) кнопок 3 и 4, при нажатии кнопки 1, при этом кнопка 1 должна быть неактивной, если нажаты кнопки 3 или 4.

Вложения:
Вы должны войти для просмотра вложений.

11 октября, 2024 в 14:32 #19656

solid
Customer

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

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

Webgl Interactive Development https://www.blend3dweb.ru/

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://www.blend3dweb.ru/

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.

Вложения:
Вы должны войти для просмотра вложений.

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
Участник

Как оказалось, получится =) Если прописать стиль вручную через пазл текста

Вложения:
Вы должны войти для просмотра вложений.

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.
Автор

Сообщения