Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 07.01.2014, 16:53
Кандидат Javascript-наук
Отправить личное сообщение для Vladislav Посмотреть профиль Найти все сообщения от Vladislav
 
Регистрация: 13.02.2013
Сообщений: 105

prepend (загрузка новых блоков, поверх старых)
Здравствуйте, хочу организовать что-то "новостного блока". Нужно в главный блок подгружать новые материалы (поверх старых), проверка на новые материалы происходит раз в 5 сек.

$(document).ready(function() {
        setInterval(foo, 2000);
        foo();
        function foo () {
.....


Код, где достаются новые сообщения из БД вот:

echo "
<div class='news'>....</div>
";


Осталось только добавить этот блок поверх существующих уже на странице, делал это с помощью:

$('.main').load('new_news.php');


Но проблема в том, что этот код добавит НЕ ПОВЕРХ, а сделает ЗАМЕНУ: весь блок очистит и добавит последнюю новость... А мне нужно, чтобы старые блоки не убирались.

Узнал, что prepend может мне помочь, но теперь не знаю как его прикрутить))

Пробую вот так, не работает:

$('.main').prepend(.load('new_news.php'));
Ответить с цитированием
  #2 (permalink)  
Старый 07.01.2014, 17:06
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,144

Vladislav,

$.ajax
({
	url: 'new_news.php',
	dataType: 'html',
	success: function (data) {$('.main').prepend(data)}
});
Ответить с цитированием
  #3 (permalink)  
Старый 07.01.2014, 20:39
Кандидат Javascript-наук
Отправить личное сообщение для Vladislav Посмотреть профиль Найти все сообщения от Vladislav
 
Регистрация: 13.02.2013
Сообщений: 105

отлично, Ваш код работает! Спасибо!
А можно ли сделать так, чтобы он работал не с самого момента загрузки страницы?

А то получается, когда страницу только обновил, с начало php код обрабатывает и ищет новости в БД, а потом повторно сразу же AJAXом проверяю теже записи..... 2 раза код прогоняется...

Вопрос: можно ли сделать так, чтобы код начал работать с задержкой 5 сек после обновления(загрузки) страницы?
Ответить с цитированием
  #4 (permalink)  
Старый 07.01.2014, 20:47
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,144

Vladislav,

$(document).ready(function () {
       window.setTimeout(foo, 5000);
       function foo() {
           $.ajax({
               url: 'new_news.php',
               dataType: 'html',
               success: function (data) {
                   $('.main').prepend(data);
                   window.setTimeout(foo, 5000)
               }
           });
       }
   })
Ответить с цитированием
  #5 (permalink)  
Старый 07.01.2014, 21:43
Кандидат Javascript-наук
Отправить личное сообщение для Vladislav Посмотреть профиль Найти все сообщения от Vladislav
 
Регистрация: 13.02.2013
Сообщений: 105

+++ работает СПС!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск