VPF::затухание обьектов,используя createRequestObject()

Kauperwood

Дата 30.10.2010, 01:17 (ссылка)

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

Загрузка ...

Новичок

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

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

Здравствуйте! Вчера ночью стянул себе скрипт загрузки контента без перезагрузки страницы, мне он нужен для того что бы мой логотип, который под скрипт fade-In, fade-out -не перезагружался при переходах. Также похожий скрипт (fade-In,fade-out) юзался для вывода текстового контента.
Итого у меня jquery, 3 скрипта и noconflict()
Значт все пашет более менее, но вот с выводом текста борода, - по нажатию на ссылку появляеться, и плавно исчезает полностью, плюс заметил что логотип тоже перезагружаеться что не есть хорошо. smile

Код


   $.noConflict();
  jQuery(document).ready(function($) {jQuery(function() {
//<затухание текстового контента>//
       $(document).ready(function() {
        $("#contentBody").css("display", "none");

        $("#contentBody").fadeIn(1000);

    $("a.transition").click(function(event){
        event.preventDefault();
        linkLocation = this.href;
        $("#contentBody").fadeOut(1500, redirectPage);
    });

    function redirectPage() {
        window.location = linkLocation;
    }
});
//</затухание текстового контента>//

//<неоновый логотип>//

$(document).ready(function(){

    setInterval(function(){
    var versions = $('.textVersion:visible');
    if(versions.length<2){
    $('.textVersion').fadeIn(2000);
      }
        else{
       
            versions.eq(0).fadeOut(2000);
        }
    },1000);
 
});
//</неоновый логотип>//


});

  });

//<Загрузка контента без перезагрузки страницы>//
 function showContent(link) {  
  
         var cont = document.getElementById('contentBody');  
         var loading = document.getElementById('loading');  
   
        cont.innerHTML = loading.innerHTML;  
   
         var http = createRequestObject();  
         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 createRequestObject()   
     {  
         try { return new XMLHttpRequest() }  
       catch(e)   
         {  
             try { return new ActiveXObject('Msxml2.XMLHTTP') }  
            catch(e)   
             {  
                 try { return new ActiveXObject('Microsoft.XMLHTTP') }  
                 catch(e) { return null; }  
              }  
          }  
     }  
//</Загрузка контента без перезагрузки страницы>//

Пожалуйста помогите розобраться, трудно нагуглить правильный запрос, т.к в js нуб. Буду признателен за любую помощь, очень хочеться что бы зароботало))

Присоединённый файл ( Кол-во скачиваний: 1 )

primer.zip 36,63 Kb

Kauperwood

Дата 30.10.2010, 02:07 (ссылка)

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

Загрузка ...

Новичок

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

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

в принципе без затухания текстового контента, все роботает правильно. Конечно можно и так пользовоться, тем не меннее такое впечатление что нехватает буквально одной строчки кода. Посмотрите пожалуйста, если сделать, может кому то потом и пригодиться.

niasilil

Дата 30.10.2010, 03:15 (ссылка)

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

Загрузка ...

Опытный

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

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

javascript != java

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

SCJP 5.0, SCJD

Kauperwood

Дата 30.10.2010, 05:16 (ссылка)

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

Загрузка ...

Новичок

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

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

Цитата(niasilil @ 30.10.2010, 03:15)

javascript != java

намек понятен xD ну и пусть.

Это сообщение отредактировал(а) Kauperwood - 30.10.2010, 07:29

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