VPF::Не работает анимация - Форум программистов

Predator199

Дата 18.3.2013, 15:08 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 412
Регистрация: 1.2.2012

Репутация: -1
Всего: -4

Код


$(<div class="background">dd</div>).appendTo("html").find(".background").fadeIn(222);

Фон должен плавно появляться, но этого не происходит. Почему?

Добавлено через 2 минуты и 56 секунд
И такой вопрос.
Получил ответ от срипта.
Далее

Код


if(){
 var oCanvas = document.getElementsByTagName((document.compatMode && document.compatMode == "CSS1Compat") ? "HTML" : "BODY")[0];
 var wd = window.innerWidth ? window.innerWidth + window.pageXOffset : oCanvas.clientWidth + oCanvas.scrollLeft;
 var w_height = window.innerHeight ? window.innerHeight + window.pageYOffset : oCanvas.clientHeight + oCanvas.scrollTop;                
  var left = (wd - $('.content').width() - 60) / 2,
                        top = (w_height - $('.content').height() - 60) / 2;
                    $('.content').css({
                        left: left+'px',
                        top: top+'px'
                    });
}

Узнаю размер окна браузера и вывожу по центру. Просьба. Покажите как так прописать функцией. Чтоб при уменьшении окна. Вычислялись снова размеры и правили блок по им.

Aliance

Дата 18.3.2013, 16:26 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Цитата(Predator199 @ 18.3.2013, 16:08

)

Фон должен плавно появляться, но этого не происходит. Почему?

наверное потому, что нужно уметь открыть консоль и увидеть там синтаксическую ошибку из-за отсутствия кавычек.

- Что такое if(){ ?
- Что значит фраза с неуместными знаками препинания

Цитата

Покажите как так прописать функцией. Чтоб при уменьшении окна. Вычислялись снова размеры и правили блок по им.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Predator199

Дата 18.3.2013, 20:31 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 412
Регистрация: 1.2.2012

Репутация: -1
Всего: -4

Размер вычисляем 1 раз. А мне необходимо постоянно. Как? И кавычки не помогают smile

Это сообщение отредактировал(а) Predator199 - 18.3.2013, 20:32

Aliance

Дата 19.3.2013, 10:21 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Цитата(Predator199 @ 18.3.2013, 21:31

)

Размер вычисляем 1 раз. А мне необходимо постоянно. Как?

Все твои скрипты работают ровно так, как ты их пишешь. В данном примере размер вычисляется один раз, потому что ты видимо 1 раз его просишь это сделать. Если тебе нужно вызывать функцию при изменении размеров окна (пересчет) - то вещай ее на событие onresize.

Цитата(Predator199 @ 18.3.2013, 21:31

)

И кавычки не помогают

Они не помогают, если их не правильно поставить. Я не увидел исправленного кода, а гадать не стану.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Predator199

Дата 20.3.2013, 20:56 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 412
Регистрация: 1.2.2012

Репутация: -1
Всего: -4

Спс. Что тут не правильного?

Код


fadeIn('222');

Aliance

Дата 21.3.2013, 10:17 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Тут кавычки и не нужны. Числа можно писать без кавычек. В кавычках должны быть строки. Поищи строку из первого своего поста, не обёрнутую в кавычки.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Predator199

Дата 21.3.2013, 13:49 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 412
Регистрация: 1.2.2012

Репутация: -1
Всего: -4

1-ый пост(первый код) я от руки писал, забыл. Вот, так не работает:

Код


$('<div class="background"></div>'+result.msg).appendTo("html").find(".background").fadeIn("13");

Aliance

Дата 21.3.2013, 15:06 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Цитата(Predator199 @ 21.3.2013, 14:49

)

1-ый пост(первый код) я от руки писал, забыл.

Ну так а мы тут экстрасенсы и это угадать должны были? Я сужу по тому - что видел. Увидел, что там нет кавычек - написал. Теперь ошибка в том, что find вызывать не нужно, т.к.

Код


$('<div class="background"></div>'+result.msg).appendTo("html")

итак вернет уже ссылку на .background.

Вообще это вопросы глупые, потому что на их отладку требуется ровно 3 секунды в консоле.
Вводишь там код выше и видишь, что он возвращает только что вставленную ноду.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Predator199

Дата 21.3.2013, 18:38 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 412
Регистрация: 1.2.2012

Репутация: -1
Всего: -4

Блин, у меня все равно фон моментально появляется. Можно пример?

Aliance

Дата 21.3.2013, 18:56 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

А как он должен появляться, если ты поставил задержку в 13 миллисекунд? Поставь .fadeIn('slow')

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Predator199

Дата 21.3.2013, 19:08 (ссылка)

(голосов:1)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 412
Регистрация: 1.2.2012

Репутация: -1
Всего: -4

Я так и сяк крутил,ничего не выходит.
В чем же ошибка?

Код


$.ajax({
     type:'POST',
     url:'/ajax.php?do=2',    
     data:$((id==3||recall==2)?'[name=email]': '[name=username]').closest("form").serialize()+'&go='+id+'&pm='+recall,
     dataType:'json',
     success:function(result){                 
                  if(recall==1)
            $('<div class="background"></div>'+result.msg).appendTo("html").fadeIn('slow');                                        
        }
})

И что за консоль, про которую все говорят?

Это сообщение отредактировал(а) Predator199 - 21.3.2013, 19:10

Aliance

Дата 22.3.2013, 10:17 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Ну так он уже открыт по-умолчанию, ты его скрой сперва через стили например.

Код


.background { display: none; }

Код


$('<div class="background"></div>').html(result.msg).appendTo("html").fadeIn('slow');

Цитата(Predator199 @ 21.3.2013, 20:08

)

И что за консоль, про которую все говорят?

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Predator199

Дата 22.3.2013, 18:19 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 412
Регистрация: 1.2.2012

Репутация: -1
Всего: -4

Спс. Вот еще проблема. Как правильно прописать

Код


$('body').prepend('<div class="block-wrapper"><div class="block-w" style="background:#'+((cl) ? cl : 'edb84e')+';">'+((s) ? s : 'Обрабатываем')+'</div></div>')
. css({display:'none'})
.slideDown(930);

Чтоб не на body выставлялось ,a на block-wrapper.

Aliance

Дата 25.3.2013, 10:58 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Модератор: Пожалуйста, один топик - один вопрос.

Использовать не $(body).prepend(...), а $(...).prependTo(body)

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

OСА

Дата 4.2.2015, 17:39 (ссылка)

(голосов:1)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 0
Регистрация: 23.9.2014

Репутация: нет
Всего: нет

Ребята помогите мне пожалуйста с анимацией .

Этот ответ добавлен с нового Винграда - http://vingrad.com

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »