Изменение значения параметров div'a

@inviter19 · 14.04.2013, 00:14. **Показов** 2003. **Ответов** 3

Студворк — интернет-сервис помощи студентам

Есть 2 блока и кнопка:

HTML5
1
2
3
<button onclick="aniout();aniin();>Кнопочка</button>
<div name="1" class="aniin"></div>
<div name="2" class="hidden"></div>

Требуется изменить значение класса:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
//ANIMATION OUT-->
function aniout(){
document.getElementsByClassName('aniin').class = 'aniout';
setTimeout('',1500);
document.getElementsByClassName('aniout').class = 'hidden';
}
 
//ANIMATION IN-->
function aniin2(){
document.getElementsByName('2').class = 'aniin';
}

Ожидание: жмём на кнопку и значение класса у блоков меняется. Но... не работает. В чём ошибка?

@GrozaZool · 14.04.2013, 04:23

А можно словами что хотел сделать? При клике хочешь поменять класс? Допустим если в стилях будет цвет шрифта - белый, то станет синим?
И кстати,

JavaScript
1
onclick="aniout() || aniin();"

вроде так правильнее, не?

@inviter19 · 14.04.2013, 04:33 **[ТС]**

Проблему уже решил, спасибо.

JavaScript
1
2
3
4
5
6
7
8
9
10
//ANIMATION OUT-->
function aniout(){
document.getElementsByClassName('aniin')[0].className = 'aniout';
setTimeout(function() { document.getElementsByClassName('aniout')[0].className = 'hidden'; }, 1500)
}
 
//ANIMATION IN-->
function aniin1(){
setTimeout(function() {document.getElementsByName('1')[0].className = 'aniin';}, 500)
}

Добавлено через 7 минут

Сообщение от GrozaZool

И кстати,

JavaScript
1
onclick="aniout() || aniin();"

вроде так правильнее, не?

У меня последовательно выполняется функция1, функция2. А у тебя, кажется, проверяется условие? Если не ошибаюсь, то это логические "Или"(дизъюнкция).

@GrozaZool · 14.04.2013, 04:43

да, все понял что ты хотел сделать

Я просто не в том направлении понял твой код

Новые блоги и статьи Все статьи Все блоги /
Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. fontSize": 18, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations":. . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .

@GrozaZool 0 / 0 / 0 Регистрация: 16.02.2013 Сообщений: 8
	14.04.2013, 04:43
	да, все понял что ты хотел сделать Я просто не в том направлении понял твой код 0