Технический сбой

Сайт временно работает в режиме только для чтения, идут восстановительные работы. Приносим свои извинения за неудобства.
DLE FAQ » Все вопросы » jQuery » Доработать скрипт, подгружающий страницы

Доработать скрипт, подгружающий страницы

     Все вопросы » jQuery    5196

вопрос
Скрипт подгрузки страниц , работает хорошо , но нужно доработать когда заканчиваются страницы чтобы нельзя было нажать на кнопку.
Сам код: 
<center><a onclick="nextPage(); return false;" class="bbcodes" style="cursor: pointer">Показать еще</a></center><br />

<div id="ajax-next-page" style="display: none;">[next-link][/next-link]</div>
<script type="text/javascript">
function nextPage() {
var nextPage = $('#ajax-next-page a').attr('href');
ShowLoading("");
if (nextPage !== undefined) {
$.ajax({
url: nextPage,
success: function(data) {
$('#ajax-next-page').remove();
$('#next-page').remove();
HideLoading("");
$('#dle-content').append($('#dle-content', data).html());
}
})
}
};
</script>

Ответил: TheImDim

function nextPage() {
var nextPage = $('#ajax-next-page a').attr('href');
ShowLoading("");
$('.bbcodes').remove();
$('#ajax-next-page').remove();
if (nextPage !== undefined) {
$.ajax({
url: nextPage,
success: function(data) {
$('#ajax-next-page').remove();
$('#next-page').remove();
HideLoading("");
$('#dle-content').append($('#dle-content', data).html());
var checkPage = $('#ajax-next-page a').attr('href');
if(checkPage==undefined) {$('.bbcodes').remove();}
}
})
}
};

21 комментарий

Prowockator
Юзер

Prowockator - -

THEIMDIM- Спасибо работает! Где нибудь пригодится.
nowheremany
Эксперт

nowheremany - -

Не забывайте, что данная конструкция ничем не отличается от загрузки новой страницы, Хотя можно было бы уменьшить нагрузку исключив некоторые запросы и лишний код
Благодарность принимаю тут Связь
249893
Юзер

249893 - -

nowheremany,
а как прикрутить анимацию при загрузке новостей?
TheImDim
Юзер

TheImDim - -

Перед:

ShowLoading("");

Вставить:

var scrheight = document.body.offsetHeight;
$('body,html').animate({scrollTop: scrheight}, 1000);
Prowockator
Юзер

Prowockator - -

Так просто плавно подбрасывает вверх страницы, а новости то в низу открываются.
249893
Юзер

249893 - -

TheImDim,
это не работает. я бы хотел свою анимацию прикрутить скажи как сделать пожалуйста
249893
Юзер

249893 - -

TheImDim,
всмысле картинку анимации
TheImDim
Юзер

TheImDim - -

function nextPage() {
var nextPage = $('#ajax-next-page a').attr('href');
var scrheight = document.body.offsetHeight;
$('body,html').animate({scrollTop: scrheight}, 1000);
AjaxShow("");
$('.bbcodes').remove();
$('#ajax-next-page').remove();
if (nextPage !== undefined) {
$.ajax({
url: nextPage,
success: function(data) {
$('#ajax-next-page').remove();
$('#next-page').remove();
AjaxHide("");
$('#dle-content').append($('#dle-content', data).html());
var checkPage = $('#ajax-next-page a').attr('href');
if(checkPage==undefined) {$('.bbcodes').remove();}
}
})
}
};

function AjaxShow() {
$(".ajax-bl").show();
}

function AjaxHide() {
$(".ajax-bl").hide();
}

В main.tpl вставляешь после <body> это:

<div class="ajax-bl"> </div>

В style.css для .ajax-bl прописываешь в качестве заднего фона анимацию ну и display:none
249893
Юзер

249893 - -

TheImDim,
че то не выходит
TheImDim
Юзер

TheImDim - -

значит css не правильно прописали, css и html думаю вы уж должны знать
249893
Юзер

249893 - -

TheImDim,

.ajax-bl {
background:url(../images/baner.png);
  display:none;
}



function nextPage() {
var nextPage = $('#ajax-next-page a').attr('href');
ShowLoading("");
$('.button').remove();
$('#ajax-next-page').remove();
if (nextPage !== undefined) {
$.ajax({
url: nextPage,
success: function(data) {
$('#ajax-next-page').remove();
$('#next-page').remove();
HideLoading("");
$('#dle-content').append($('#dle-content', data).html());
var checkPage = $('#ajax-next-page a').attr('href');
if(checkPage==undefined) {$('.button').remove();}
}
})
}
};

function AjaxShow() {
$(".ajax-bl").show();
}

function AjaxHide() {
$(".ajax-bl").hide();
}
TheImDim
Юзер

TheImDim - -

.ajax-bl {
background:url(../images/baner.png);
width:50px;
height:50px;
position:fixed;
display:none;
}
249893
Юзер

249893 - -

TheImDim,
не работает кэш чистил

в майн так вставил

<body oncopy="return false">
<div class="ajax-bl"> </div>
TheImDim
Юзер

TheImDim - -

function AjaxShow() {
$(".ajax-bl").show();
}

function AjaxHide() {
$(".ajax-bl").hide();
}


function nextPage() {
var nextPage = $('#ajax-next-page a').attr('href');
AjaxShow("");
$('.button').remove();
$('#ajax-next-page').remove();
if (nextPage !== undefined) {
$.ajax({
url: nextPage,
success: function(data) {
$('#ajax-next-page').remove();
$('#next-page').remove();
AjaxHide("");
$('#dle-content').append($('#dle-content', data).html());
var checkPage = $('#ajax-next-page a').attr('href');
if(checkPage==undefined) {$('.button').remove();}
}
})
}
};
249893
Юзер

249893 - -

TheImDim,
спасибо ща заработало, а как сделать чтоб картинка в самом низу была в разных разрешених экрана? напиши стили плиз)
TheImDim
Юзер

TheImDim - -

.ajax-bl {
background:url(../images/baner.png);
width:50px;
height:50px;
position:fixed;
display:none;
margin:0 auto;
bottom:0px;
}
kprod
Юзер

kprod - - 

http://24rgb.ru/uploads/screenshots/24rgb.ru_ScreenShot_8.png

Как исправить такое? между новостями которые были и которые подгрузились есть промежуток, как избавиться?
TheImDim
Юзер

TheImDim - -

Молодец, мог бы вообще весь скриншот черным залить. Экстрасенсов тут нет.
TheImDim
Юзер

TheImDim - -

Да и непонятно зачем шифроваться, если и так понятно что это сайт 24rgb.ру, боитесь что про nulled все узнают?
P.S.Чтобы небыло пробела, нужно убрать <br/>
kprod
Юзер

kprod - -

где убрать то? br
kprod
Юзер

kprod - -

Нашел, а раньше не замечал ка кто:)

Похожие вопросы

 09.10.2012 wcw2007  jQuery
 06.11.2012 shadow6630  jQuery
 21.12.2012 249893  Общие вопросы по вёрстке, jQuery
 05.01.2013 denpis  jQuery, Модули
 24.05.2013 nik1004  Общие вопросы, jQuery
 03.11.2013 Marribi  jQuery, Ламерские вопросы
 07.02.2014 Бахтияр_Османов  jQuery
 05.05.2014 kaster1980  jQuery
 17.06.2014 alekun  jQuery
 29.06.2014 Tomich  jQuery
  • Puxlik | Telegram Sender 13
    Фото Puxlik
    Puxlik
    Telegram Sender
    Версию 17.1 поддерживает ?
  • TeraMoune | Не загружается изображение [Ошибка HTTP] ... 2
    Фото TeraMoune
    TeraMoune
    Не загружается изображение [Ошибка HTTP]. Как исправить?
    В этой версии есть фрагментация загрузки файла когда загружаемый файл разделяется на фрагменты, по умолчанию 1 фрагмент 1.5мб. (И у вас написано лимиты на файл 4мб и картинки 5.86мб, этого достаточно чтобы принимать 1.5мб фрагменты) И если бы была проблема с весом или чем-то подобным то об этом бы сервер сообщил. Сервер отдал 500 ошибку это значит что угодно, нужно смотреть ответ от сервера в консоли разработчика или логах.
  • RedFox | Не загружается изображение [Ошибка HTTP] ... 2
    Фото RedFox
    RedFox
    Не загружается изображение [Ошибка HTTP]. Как исправить?
    "Некоторые картинки загружаются, но большинство нет."

    Сначала не обратил внимания, но видимо проблема в этом. Все, что больше 100Кб, не загружается. Что странно, поскольку в php у меня следующие значения:
    post_max_size = 100M
    upload_max_filesize = 100M
    max_file_uploads = 20

    Полагаю, где-то еще надо увеличить размер загружаемой картинки, но где?
  • LMakc | Модуль читалка pdf 1
    Фото LMakc
    LMakc
    Модуль читалка pdf
    Не начинай, я заплатил сегодня штраф за підручники. Сейчас очень сложно с этим.
  • ssssss | Сделать подсчет количества символов в ко ... 5
    Фото ssssss
    ssssss
    Сделать подсчет количества символов в комментариях
    Есть актуальный плагин под 17 версию? (только количество символов! без наворотов... записей куда-либо и т.п.) *ББ-редактор
  • alex.sg.spb | Как вывести информацию о обновлении ново ... 8
    Фото alex.sg.spb
    alex.sg.spb
    Как вывести информацию о обновлении новости, но на время?
    вопрос, в продолжение поста. Помогите с кодом вывода инфо UPDATE на краткой новости, так чтобы не нужно было нажимать внутри новости при редактировании галочку?
  • Kentavr | Как вместо %20 в адресной строке подстав ... 9
    Фото Kentavr
    Kentavr
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    Спасибо огромное. Этот вариант самый простой и рабочий!
  • derebas | Как вместо %20 в адресной строке подстав ... 9
    Фото derebas
    derebas
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    К черту htaccess давайте проще

    к href добавьте id="xfield_value"
    <a href="/company/[xfvalue_company]/" id="xfield_value">[xfvalue_company]</a>

    И добавьте скрипт обработчик 
    <script>
document.addEventListener('DOMContentLoaded', function() {
    const links = document.querySelectorAll('a#xfield_value');

    links.forEach(link => {
      let href = link.getAttribute('href');

      if (href) {
        href = href.replace(/ /g, '+');
        link.setAttribute('href', href);
      }
    });
  });
</script>
  • Kentavr | Как вместо %20 в адресной строке подстав ... 9
    Фото Kentavr
    Kentavr
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    Так сайт не работает вообще. Браузер выдает такое

    Страница недоступна Сайт ... выполнил переадресацию слишком много раз.
    Попробуйте удалить файлы cookie.

    ERR_TOO_MANY_REDIRECTS

    Куки чистил не помогает
  • derebas | Как вместо %20 в адресной строке подстав ... 9
    Фото derebas
    derebas
    Как вместо %20 в адресной строке подставлять символ + между словами ???
    Попробуйте так
    RewriteEngine On
    RewriteCond %{REQUEST_URI} %20
    RewriteRule (.*)%20(.*) $1+$2 [N]
    RewriteRule (.*) $1 [R=301,L]
наверх