Нет ли препроцессора в web-проекте?

Сообщение **UraAlpeev** » 20 сен 2022, 10:13

Например,
мне нужно, чтобы все элементы страницы при ее старте были невидимы, с тем чтобы потом их последовательно включать.
Отключать их видимость в проекте WWB неудобно - с ними же надо работать, а события страницы onload и ondocumentready, где можно их выключить (ShowObject(_,0)), не справляются - все равно объекты сначала мелькают на экране и только потом исчезают.
Не предполагается ли что-то вроде препроцессора, где это можно было бы сделать?

Сообщение **anonimus** » 21 сен 2022, 14:44

ЭЛЕМЕНТАМ можно присвоить в css значение display: none; и ничего изначально видно не будет

Сообщение **UraAlpeev** » 21 сен 2022, 17:15

К сожалению, знаю только один способ изменить css - через JS:
document.getElementById('wb_element').style.display = 'none';
но это тоже не ИЗНАЧАЛЬНО.

Применение внешних css-файлов? Это сложно.
Или есть более простой способ?

Сообщение **spoon** » 21 сен 2022, 18:38

Сперва отрабатываются css, а потом все остальное по дереву DOM, так что изучай css, тем более он сейчас, по анимации не уступает js

Сообщение **UraAlpeev** » 21 сен 2022, 19:43

Пока на ум приходит использовать CSS3 Animation Manager : создать анимации с выключением и включением видимости элемента.
Или есть другой доступ в CSS именно из WWB?

Сообщение **spoon** » 21 сен 2022, 20:07

В билдер вы можете вставить любой код css

Сообщение **UraAlpeev** » 22 сен 2022, 09:50

Да, нашел. Работает именно так. Спасибо.

Кому интересно:
В проекте:
Элемент -> Object HTML -> Custom Style
display:none

В процессе:
Включил видимость: wb_Image2.children[0].style.display = '';

Сообщение **UraAlpeev** » 22 окт 2022, 14:18

Спасибо spoon, я внял его совету изучать CSS.
По ходу дела сделал свои удобные (для меня) функции,
ввел их как методы HTMLElement (функции без аргументов оформил на свойства HTMLElement, поэтому их можно использовать без ())
и
код для меня стал намного читабельней:

https://drive.google.com/file/d/18Adz-v ... sp=sharing

ну, ей-богу, комфортно читать и править.

Как человек, касавшийся вопроса аналитики восприятия, скажу, что приведенный обычный текст JS требует СКАНИРОВАНИЯ взглядом и РАСШИФРОВКИ каждой строки (не говоря уже о JQuery) и создания и УДЕРЖАНИЯ потом общей картины В УМЕ,
а структурированный (как у меня) текст сканируется не построчно, а СВЕРХУ ВНИЗ целиком и мы имеем ВИЗУАЛЬНУЮ общую картину, не требующую занятия лишней оперативной памяти ума.

Например, попробуйте найти слово opacity в одном и другом случае.

Комфортно - значит продуктивно.

Отправлено спустя 2 часа 16 минут 41 секунду:
PS Прочитал опасения, что добавлять методы в HTMLElement рискованно, так ка это объект DOM, а не JS, и не все браузеры корректно это выполнят, но я протестировал на Crome, Yandex, FireFox, Opera, Edge - нормально.