Не получается доделать систему рейтинга, принцип как на Баше.
В HTML коде присутствуют несколько <span> с разными ID. Примерно так:
Код:
<a href="#" onclick="rating('+',12)">+</a><span id="12">1</span><a href="#" onclick="rating('-',12)">+</a>
<a href="#" onclick="rating('+',13)">+</a><span id="13">2</span><a href="#" onclick="rating('-',13)">+</a>
<a href="#" onclick="rating('+',14)">+</a><span id="14">0</span><a href="#" onclick="rating('-',14)">+</a>
<a href="#" onclick="rating('+',15)">+</a><span id="15">1</span><a href="#" onclick="rating('-',15)">+</a>
Соответственно по каждому спану по бокам + и - для установления рейтинга.
Рейтинг устанавливается примерно так:
Код:
function rating(znak,quote)
{
$.post("ajax.php", { to: znak, id: quote },
function(data){
$('#'+quote).html(data)
});
}
т.е. когда кликаеш по плюсю, то в функцию передается собственно знак (+ или -) и ID спана. Ну далее это все идет на скрипт, который уже там устанавливает новый рейтинг, и возвращает рейтинг который вставляется в <span> с id из которого собственно говоря был совершен вызов.
Все выше перечисленное прекрасно работает.
Но я хочу вставить индикатор загрузки, когда совершается через AJAX.
А Индикатор загрузки я хочу запихнуть как раз между <span></span>. Что бы пока скрипт получает новые данные, там вместо рейтинга кружился какойнить шарик.
т.е. принцип примерно такой:
-Скрипт отсылает данные на обработчик.
-Между спанами появляется этот самый шарик.
-Скрипт получает новые данные.
-Убирает шарик.
-Вставляет новые данные.
Не получается сделать четко, иногда кружки появляются сразу во всех спанах, не понятно почему и т.п. ошибки.