Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: Анимация контента в блоге без перезагрузки

Сообщения:  [1-4] 

 
 автор: АЯС   (28.11.2011 в 13:47)   письмо автору
 
   для: immortal727   (28.11.2011 в 09:26)
 

В момент запуска функции showContent () содержимое блока с id="blok" у вас меняется на содержимое другого блока (с id="loading"); в коде это строка cont.innerHTML = loading.innerHTML; Это у вас ПЕРВАЯ смена контента.

Затем, в неопределённый момент времени (когда от сервера будет получен ответ), содержимое блока с id="blok" у вас ещё раз меняется; в коде это строка cont.innerHTML = http.responseText;. Это у вас - ВТОРАЯ смена контента.

Теперь спрашивается: в каком из двух случаев вы собираетесь "растворять" либо "сдвигать" контент? В первый раз или во второй? Или два раза подряд "растворять" хотите? :-)

  Ответить  
 
 автор: immortal727   (28.11.2011 в 09:26)   письмо автору
 
   для: АЯС   (23.11.2011 в 01:13)
 

Кто нибудь знает на эту тему?

  Ответить  
 
 автор: АЯС   (23.11.2011 в 01:13)   письмо автору
 
   для: immortal727   (22.11.2011 в 20:35)
 

---

  Ответить  
 
 автор: immortal727   (22.11.2011 в 20:35)   письмо автору
 
 

При смене контента в блоге использую AJAX и Javascript

function showContent(link) {
        var cont = document.getElementById('blok');
        var loading = document.getElementById('loading');

        cont.innerHTML = loading.innerHTML;

        var http = createObject();                    // создаем ajax-объект
        if( http ) {
            http.open('get', link);                            // инициируем загрузку страницы
            http.onreadystatechange = function () {            // назначаем асинхронный обработчик события
                if(http.readyState == 4) {
                        cont.innerHTML = http.responseText;        // присваиваем содержимое 
                }
            }
            http.send(null);
        } else {
            document.location = link;    // если ajax-объект не удается создать, просто перенаправляем на адрес
        }
    }

function createObject() {
    var request_type;
    var browser = navigator.appName;
    if(browser == "Microsoft Internet Explorer"){
        request_type = new ActiveXObject("Microsoft.XMLHTTP");
    }
    else{
        request_type = new XMLHttpRequest();
    }
    return request_type;
}

function insert() {
    // Проверяем, что поле формы не пустое. Используем encodeURI() чтобы решить пробемы в кодировке.
    var line = encodeURI(document.getElementById('line').value);
    showContent('page2.php?line='+line);
}

function del(){
    // Устанавливаем значение перменной div
    var del = document.getElementById('del').value;
    showContent('page2.php?del='+del);
}


Изучаю только недавно эту технологию. Подскажите как можно в функцию showContent(link) включить еще и анимацию при смене контента (растворение, сдвиг, в общем любое). Или может быть дайте ссылку где почитать

  Ответить  

Сообщения:  [1-4] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования