Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #31 (permalink)  
Старый 12.03.2019, 02:33
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

laimas, я уже представилась, значит можно сказать что мы почти познакомились, а теперь расскажи как обновить див при клике по нему а также при клике по кнопке
Ответить с цитированием
  #32 (permalink)  
Старый 12.03.2019, 02:38
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от Блондинка
я уже представилась
Где и когда, я не мог забыть такого момента. ) Насчет анимации я не знаю, все зависит от того, что она из себя представляет и кто ее обрабатывает. Например, это CSS, и запуск ее по наличии класса, значит достаточно переопределить класс элемента.
Ответить с цитированием
  #33 (permalink)  
Старый 12.03.2019, 02:40
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Посмотрите пост №29, если только вы не про тот самый загадочный способ анимации, который не выражается при помощи CSS анимации или веб-компонентов!

Последний раз редактировалось Malleys, 12.03.2019 в 02:45.
Ответить с цитированием
  #34 (permalink)  
Старый 12.03.2019, 02:52
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

Сорри, раньше не видела пост 29, всё супер
Ответить с цитированием
  #35 (permalink)  
Старый 12.03.2019, 12:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

анимация по клику

<button id="animation" class="anim">abc</button>

<style>

#animation {
    all: unset;
    position: relative;
    font-size: 300%;
}

#animation::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    background: red;
    left: 0;
    top: 0;
}
#animation.anim::before{
   animation: animation 1s;
}

@keyframes animation {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

</style>

<script>

document.addEventListener("click", event => {
    var target = event.target;
    target.classList.remove("anim");
    document.documentElement.clientWidth;
    target.classList.add("anim");
});

</script>
Ответить с цитированием
  #36 (permalink)  
Старый 12.03.2019, 21:12
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

рони, лучше бы рассказал как обновить див с анимацией по клику по самому диву без всяких кнопок
Ответить с цитированием
  #37 (permalink)  
Старый 12.03.2019, 21:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Блондинка,
не понимаю вопроса и недостаточно скилов в css и тригонометрии
Ответить с цитированием
  #38 (permalink)  
Старый 12.03.2019, 21:50
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

рони, надо чтобы див обновился(антмация запустилась сначала) по клику по диву, а не по кнопке,
Ответить с цитированием
  #39 (permalink)  
Старый 12.03.2019, 21:53
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Блондинка,
... так пост 29 и 34
Ответить с цитированием
  #40 (permalink)  
Старый 12.03.2019, 21:54
Аватар для Блондинка
Профессор
Отправить личное сообщение для Блондинка Посмотреть профиль Найти все сообщения от Блондинка
 
Регистрация: 24.02.2019
Сообщений: 806

Ага, но только без кнопки
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как запомнить потомка, пототомов у родительского элемента? 1975andrei Общие вопросы Javascript 5 25.01.2013 16:57
Как узнать имя элемента syegorius Events/DOM/Window 3 12.10.2011 18:07
как изменить css свойсво нескольких елементов? IIIgun Общие вопросы Javascript 17 12.08.2011 12:20
Как сделать реакцию на изменение любого элемента формы. Mik Events/DOM/Window 3 28.07.2011 08:52
Как можно изменить URL в адресной строке браузера? балерун Events/DOM/Window 12 17.11.2009 13:08