Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Перенести класс css из html в js в рабочем скрипте (https://javascript.ru/forum/misc/56919-perenesti-klass-css-iz-html-v-js-v-rabochem-skripte.html)

mrtdiesel 11.07.2015 04:50

Думаю, понял зачем нужны все типы анимации. Наверно по двум словам сразу - проще искать и при этом будет сразу тип анимации известен и преобразовывать в класс уже в js.
В таком случае я не удобный вид предоставил. Вот более удобный: animate + тип анимации Пусть js смотрит на один из видов, после того как найдет, он должен их переделать с
animate tada
в animated tada.
Тк если сразу написать правильно класс animated tada, то будет срабатывать анимация уже от цсс, а надо не напрямую, а только во время прокрутки.
На том сайте откуда взял анимацию цсс, говорится про обьединение js, но я пока слобоват в этом.

Deff 11.07.2015 05:28

Цитата:

Сообщение от mrtdiesel
Только не привязывайте поиск классов только к ссылкам. Хочется использовать анимацию не только к тегу "a", а к любым обьектам.

Ок

kostyanet 11.07.2015 06:38

Цитата:

Сообщение от mrtdiesel
но я пока слобоват в этом

Слобость не порок. Любой слобый может стать сильным если захочет понять что он хочет. Тут надо знать какое слово должно быть в "ковычках"

Вы лично что хотите сделать, как это должно выглядеть в браузере, в глазах юзера?

mrtdiesel 11.07.2015 12:49

Да, что должно быть в ковычках сделал.
Согласен про слабости и силу. Желаю вам, себе и всем глубоко понять чего мы хотим и захотеть сделать что-то стоящее :)
В браузере анимация в обе стороны. js скрипт что я кинул - лишь часть его, но дальше, я думаю сам смогу. Для меня главное сократить строку
<a href="#" class="toanimate" data-animation="tada">КНОПКА</a>
до вида
<a href="#" class="toanimate tada">КНОПКА</a>
и менять тип анимации уже в js или в том же хтмл (похоже так выйдет). Еще интересно, если я буду добавлять классы через пробел в хтмл, то js сможет увидеть или нужно то что в ковычках только то что будет искать js и добавив еще один класс по стилю кнопки js уже не найдет то, что должен?

Deff 11.07.2015 15:43

mrtdiesel,
Ну в основном доделал, сейчас убегаю (выложу к ночи)
1. Хочется посмотреть страницу с примером анимированного контента (любой вариант анимации)
2. Анимация должна возникать сразу по загрузке элемента ? Или после загрузки всей страницы(всех элементов) ?
3. Есть такое предложение: Могу повесить выпадающее меню (<select>) с юзер-выбором типа анимации либо одновременно для всех элементов, либо при наведении на конкретный элемент - появляется менюшка выбора типа анимации именно для этого элемента( стиль менюшки Вы сможете править - поставим уникальный класс).
4. Версия jQuery ? (можно глянуть реальную страницу ?)

Deff 11.07.2015 22:29

Синхронизации моих ожиданий не получилось, думал до 6 вечера MSK получить от Вас ответы и добить код... Продолжу завтра. Если сегодня будете, - отпишитесь про что сможете по сообщению №15

mrtdiesel 11.07.2015 23:41

1. Скинул.
2. Анимация работает во время движения вверх и вниз.
3. Не против, в таком случае можно сделать: появление при скролле вниз, в обе стороны, один раз, повторять. Но на этом я не настаиваю. Если есть желание.
4. jQuery v1.11.0 реальную страницу скинул.

Deff 13.07.2015 21:42

mrtdiesel,
ГМ, открыл файл, увидел что анимация происходит при скролле,
Именно при скролле и нужна ?
Т.е. пока не очень понял когда и при каких условиях добавлять снимать класс.

Сейчас скрипт добавляет класс при скролле страницы и при появлении элемента в пределах окна просмотра контента и снимает за его пределами.

mrtdiesel 14.07.2015 19:15

Все правильно, так и нужно. Я только хотел сократить часть кода в хтмл немного подкорректировав js. Об остальном не просил. Скрипт работает во всех браузерах и во всех разрешениях, его работой я доволен - работает отлично, не то что другие скрипты.

Deff 14.07.2015 19:30

mrtdiesel,
Ок, постараюсь, что успею до завтрашнего обеда (15.07.2015) , позже сборы начнутся


Часовой пояс GMT +3, время: 14:09.