Меню
Что нового?

jquery - выкатывание элемента после запроса ajax

ayrat9

Новичок
jquery - выкатывание элемента после запроса ajax

заранее прошу извинить, про jquery много читал, но на практике еще не применял

на заглавной странице www.profy-tools.ru
выводятся спецпредложения. их много поэтому после 5 секунд показа первых трех вызываются посредством ajax следующие три.

на данный момент выводятся путем простой смены значения innerhtml элемента <div>
хочется какой-нить анимации: например slidein/slideout
подгрузил на страничку Jquery и Jquery.UI
не могу понять в каком месте и в каком виде вызывать эти функции (и так и сяк уже пробовал) только slideout() прокатывает и то в самом начале.
пожалуйста помогите понять

-~{}~ 22.03.09 16:57:

любые подробности по первому требованию )
 
A1x

A1x

Новичок
ayrat9
если не работали раньше с jquery попробуйте сначала без UI.
в jquery в самом есть кое какие эффекты которых возможно вам будет достаточно. см. например тут примеры http://visualjquery.com/ (Effects)
 

ayrat9

Новичок
спасибо всем
буду смотреть, разбирать visualjquery

-~{}~ 28.03.09 02:08:

впендюрил show() / hide()

все равно косяк вылазит: перед тем как полностью спрятать старое изображение на долю секунды вылазит новое (подгруженное аяксом) изображение
все изменения у меня в файлике ajax.js, привожу код здесь:

Код: 
function xmlhttpPost(strURL , old_id, limit) {
    var xmlHttpReq = false;
    var self = this; 
	var old_id = old_id;
	var limit = limit;
    $('#akcia').hide(1200);
	// Mozilla/Safari
    if (window.XMLHttpRequest) {
        self.xmlHttpReq = new XMLHttpRequest();
    }
    // IE
    else if (window.ActiveXObject) {
        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }
    
	self.xmlHttpReq.open('POST', strURL, true);
    self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    self.xmlHttpReq.onreadystatechange = function() {
        if (self.xmlHttpReq.readyState == 4) {
            setTimeout(updatepage(self.xmlHttpReq.responseText, old_id), 2000);            
        }
    }
    self.xmlHttpReq.send(getquerystring(old_id, limit));
}

function getquerystring(old_id, limit) {
	qstr = 'usl=' + escape(old_id) + '&limit=' + escape(limit);  // NOTE: no '?' before querystring
    return qstr;
}

function updatepage(str, old_id){
		
    document.getElementById("akcia").innerHTML = str;
	$('#akcia').show(1200);
    document.getElementById("old_id").innerHTML = old_id;
}
 

x-yuri

Новичок
только в ie? Если вызвать hide без параметров, то все ok? Тогда ie, наверняка, работает в quirks mode, в standard compliance mode такой проблемы быть не должно (doctype добавить нужно)
В quirks mode у ie (при overflow: hidden) если назначить div'у высоту 1px, то она такой и становится, а если '0.1px', то высота div'а подстраивается под высоту содержимого

p.s. если уж используешь jQuery, то почему бы не использовать ее ajax-средства?
 
Войдите или зарегистрируйтесь для ответа.
Сверху