Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) jQuery Доработать скрипт, подгружающий страницы

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


     20.12.2012    jQuery    3258

вопрос
Скрипт подгрузки страниц , работает хорошо , но нужно доработать когда заканчиваются страницы чтобы нельзя было нажать на кнопку.
Сам код:
<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
58 | 48

Prowockator - 21 декабря 2012 10:57 - Юзер

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

nowheremany
193

1660 | 1292

nowheremany - 21 декабря 2012 11:25 - Эксперт

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

Благодарность принимаю тут Связь

249893
5

174 | 73

249893 - 21 декабря 2012 14:26 - Юзер

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

TheImDim
18

327 | 291

TheImDim - 21 декабря 2012 14:37 - Юзер

Перед:

ShowLoading("");

Вставить:

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

Prowockator
58 | 48

Prowockator - 21 декабря 2012 15:12 - Юзер

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

249893
5

174 | 73

249893 - 21 декабря 2012 15:06 - Юзер

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

249893
5

174 | 73

249893 - 21 декабря 2012 15:18 - Юзер

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

TheImDim
18

327 | 291

TheImDim - 21 декабря 2012 15:28 - Юзер

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
5

174 | 73

249893 - 21 декабря 2012 15:39 - Юзер

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

TheImDim
18

327 | 291

TheImDim - 21 декабря 2012 15:42 - Юзер

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

249893
5

174 | 73

249893 - 21 декабря 2012 15:49 - Юзер

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
18

327 | 291

TheImDim - 21 декабря 2012 15:57 - Юзер

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

249893
5

174 | 73

249893 - 21 декабря 2012 16:04 - Юзер

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

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

<body oncopy="return false">
<div class="ajax-bl"> </div>

TheImDim
18

327 | 291

TheImDim - 21 декабря 2012 16:12 - Юзер

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
5

174 | 73

249893 - 21 декабря 2012 16:37 - Юзер

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

TheImDim
18

327 | 291

TheImDim - 21 декабря 2012 17:04 - Юзер

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

kprod
6

113 | 20

kprod - 4 января 2013 22:25 - Юзер

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

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

TheImDim
18

327 | 291

TheImDim - 6 января 2013 22:28 - Юзер

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

TheImDim
18

327 | 291

TheImDim - 6 января 2013 22:37 - Юзер

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

kprod
6

113 | 20

kprod - 6 января 2013 23:54 - Юзер

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

kprod
6

113 | 20

kprod - 6 января 2013 23:55 - Юзер

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

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

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

 07.02.2014 Бахтияр_Османов  jQuery