12.03.2019, 00:32
|
|
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
Сообщение от laimas
|
Нельзя так, это абсурд.
|
Почему нельзя? И почему абсурд? надо просто показать что будет с дивом и спаном если изменить конкретные свойства, фон и цвет взяты просто для примера.
|
|
12.03.2019, 00:36
|
|
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
Что бы не пользоваться кнопками обновить установленнымм в браузере, надо сделать клик По элементу
|
|
12.03.2019, 00:52
|
Профессор
|
|
Регистрация: 14.01.2015
Сообщений: 12,989
|
|
Сообщение от Блондинка
|
Почему нельзя? И почему абсурд?
|
Вас зовут Лена и у вас есть сестра Катя. Ваши имена в пределах вашей семьи есть уникальные идентификаторы. Ваш отец может обратиться к вам:
- Дочери мои.
И вы будете понимать, что это касается вас обоих. Если обращение по имени, то только конкретно кого-то из вас.
Для того чтобы распределить между вами обязанности, кто когда из вас ответственен по кухне, а кто по уборке, ваш отец решил так:
- Лена отвечает за кухню, Катя за уборку. Завтра Лена будет носить имя Катя и отвечать за уборку, а Катя будет Леной и отвечать за кухню. Потом имена опять поменяются и т.д.
Абсурд?
|
|
12.03.2019, 00:59
|
Профессор
|
|
Регистрация: 14.01.2015
Сообщений: 12,989
|
|
Сообщение от Блондинка
|
Что бы не пользоваться кнопками обновить установленнымм в браузере
|
Ничего не понял, причем тут кнопки браузера и анимация.
|
|
12.03.2019, 01:22
|
|
Профессор
|
|
Регистрация: 20.12.2009
Сообщений: 1,714
|
|
Это нажатие по <div> без tabindex у вас как хлопок одной ладошкой или звук без источника звука... конечно можно изловчиться и нажать мышкой!
За что вы так ненавидите тех, у кого нет мыши?
Используйте <button> (вы же хотите, чтобы туда нажали, так используйте <button>, это кроссбраузерное решение), в данном случае <div> является совершенно бессмысленным!
|
|
12.03.2019, 01:31
|
|
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
задача простая, есть див с анимацией, которая остановилась согласно прописанным условиям в стиле, надо сделать чтобы по клику на див анимация запускалась снова, чтобы не пользоваться браузерными кнопками
|
|
12.03.2019, 01:44
|
|
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
А Лена и Катя причем? если меня назвали Ирой.
на странице
text-align описывается это свойство и надо показать что будет если изменить значение с left на right и только, ну это разумеется пример,
Последний раз редактировалось Блондинка, 12.03.2019 в 02:11.
|
|
12.03.2019, 02:15
|
Профессор
|
|
Регистрация: 14.01.2015
Сообщений: 12,989
|
|
Сообщение от Блондинка
|
А Лена и Катя причем?
|
А при том, что атрибуты id, это те же Лена, Катя и т.п., имена которые индивидуальны среди множества элементов на странице, как и имена в кругу семьи. Но если смена имени в кругу семьи, это для вас тоже абсурд, то почему смена id на странице, это в порядке вещей?
Группу элементов на странице можно адресовать по общим признакам - имени тега, имени класса, и атрибутам, но за и исключением атрибута id. Атрибут id служит единственной задаче - адресации только одного элемента среди набора.
Если на странице имеются элементы с одинаковыми id, это непонимание их назначения. Если элементам даются id, которые затем изменяются на странице, значит это непорядок на странице. А всякое обсуждение по ротации id среди элементов на странице, это уже извращения.
Последний раз редактировалось laimas, 12.03.2019 в 02:17.
|
|
12.03.2019, 02:27
|
|
Профессор
|
|
Регистрация: 20.12.2009
Сообщений: 1,714
|
|
Сообщение от Блондинка
|
...сайты https://jsfiddle.net и http://plnkr.co с телефона не откроешь, а каждый раз бегать к соседям, чтобы на компьютере посмотреть, так они просто пошлют.
|
Без разницы, смотреть в компьютере или планшете или телефоне... всё одинаково работает... Ещё есть https://codepen.io/pen
Сообщение от Блондинка
|
задача простая, есть див с анимацией, которая остановилась согласно прописанным условиям в стиле, надо сделать чтобы по клику на див анимация запускалась снова, чтобы не пользоваться браузерными кнопками
|
Можно удалить элемент из DOM, а затем вставить в то же самое место, это приведёт к повторному запуску анимации.
UPD
Пример... каждый раз, как нажимаете на кнопку, анимация запускается заново...
<button id="animation">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: animation 1s;
}
@keyframes animation {
from {
width: 0;
}
to {
width: 100%;
}
}
</style>
<script>
document.addEventListener("click", event => {
var target = event.target;
var parentNode = target.parentNode;
parentNode.replaceChild(target, target);
});
</script>
Скрипт удаляет и вставляет обратно любой элемент на странице, вы можете уточнить, к каким элементам применяется анимация!
Последний раз редактировалось Malleys, 12.03.2019 в 02:35.
|
|
12.03.2019, 02:33
|
|
Профессор
|
|
Регистрация: 24.02.2019
Сообщений: 806
|
|
laimas, я уже представилась, значит можно сказать что мы почти познакомились, а теперь расскажи как обновить див при клике по нему а также при клике По кнопке
|
|
|
|