Здравствуйте! Вчера ночью стянул себе скрипт загрузки контента без перезагрузки страницы, мне он нужен для того что бы мой логотип, который под скрипт fade-In, fade-out -не перезагружался при переходах. Также похожий скрипт (fade-In,fade-out) юзался для вывода текстового контента.
Итого у меня jquery, 3 скрипта и noconflict()
Значт все пашет более менее, но вот с выводом текста борода, - по нажатию на ссылку появляеться, и плавно исчезает полностью, плюс заметил что логотип тоже перезагружаеться что не есть хорошо.
мой файл scripts,js
$.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 нуб. Буду признателен за любую помощь, очень хочеться что бы зароботало))
локальный пример:
