Следующий, предыдущий материал by Apocalypse для uCoz

Разместил: Apocalypse
Опубликовано: 24 июля 2016

Меня уже давно просили сделать этот скрипт, который работал бы без PHP. Данная версия самая стабильная, не использует ни одного гет запроса и даже выводит заголовок следующего или предыдущего материала при наведении на соответствующую кнопку. Если следующий или предыдущий материал не будут найдены, выйдет соответствующее уведомление в uWnd.alert окне. Единственный огромный минус моего способа - максимальное количество материалов в модуле не должно превышать 300-т штук. Если нужно, я покажу способ, как увеличить лимит с 300 до 600 материалов, но это уже потолок. Более 600 материалов без "глюков" сделать будет нельзя На данном примере показана установка для модуля "Каталог файлов" Для начала посмотрите ДЕМО Установка: 1#: Создайте информер следующего типа:

[ Каталог файлов · Материалы · Дата добавления материала A · Материалы: 300 · Колонки: 1 ]

1	[ Каталог файлов · Материалы · Дата добавления материала A · Материалы: 300 · Колонки: 1 ]

В шаблоне созданного информера замените всё на:

<div class="apoinfo" id="$ID$" url="$ENTRY_URL$">$TITLE$</div>

1	<div class="apoinfo" id="$ID$" url="$ENTRY_URL$">$TITLE$</div>

2#: В самый низ вашего CSS вставьте:

.apoprevnext {
clear: both;
height: 30px;
margin: 20px 0px;
}

.apoprevnext div {
box-sizing: border-box;
width: 200px;
height: 40px;
box-shadow: 1px 1px 1px #ddd;
text-align: center;
padding-top: 10px;
cursor: pointer;
}

.apoprevnext div:hover {
background: #eee;
}

.apopmat {
float: right;
}

.aponmat {
float: left;
}

.apoprevnext {

clear: both;

height: 30px;

margin: 20px 0px;

}

.apoprevnext div {

box-sizing: border-box;

width: 200px;

height: 40px;

box-shadow: 1px 1px 1px #ddd;

text-align: center;

padding-top: 10px;

cursor: pointer;

}

.apoprevnext div:hover {

background: #eee;

}

.apopmat {

float: right;

}

.aponmat {

float: left;

}

3#: Управление дизайном - Каталог файлов - Страница материала и комментариев к нему - В то место, где должный отображаться кнопки, вставьте:

<div class="apoprevnext"><div class="apopmat">Предыдущий материал ►</div><div class="aponmat">◄ Следующий материал</div></div>
<div class="apoinf" style="display:none;">$MYINF_5$</div>
<script>
var apoprev = $('.apoinf #$ID$').prev('.apoinfo'), aponext = $('.apoinf #$ID$').next('.apoinfo');
$('.apoprevnext .apopmat').attr('title', apoprev.text()).click(function() {
if(apoprev.size() != 0) {
location.replace(apoprev.attr('url'));
} else {
_uWnd.alert('Извините, предыдущий материал не найден', 'Внимание!', {w: 400, h: 120});
};
});
$('.apoprevnext .aponmat').attr('title', aponext.text()).click(function() {
if(aponext.size() != 0) {
location.replace(aponext.attr('url'));
} else {
_uWnd.alert('Извините, следующий материал не найден', 'Внимание!', {w: 400, h: 120});
};
});
// imapo.ru (c) 2016
</script>

<div class="apoprevnext"><div class="apopmat">Предыдущий материал ►</div><div class="aponmat">◄ Следующий материал</div></div>

<div class="apoinf" style="display:none;">$MYINF_5$</div>

var apoprev = $('.apoinf #$ID$').prev('.apoinfo'), aponext = $('.apoinf #$ID$').next('.apoinfo');

$('.apoprevnext .apopmat').attr('title', apoprev.text()).click(function() {

if(apoprev.size() != 0) {

location.replace(apoprev.attr('url'));

} else {

_uWnd.alert('Извините, предыдущий материал не найден', 'Внимание!', {w: 400, h: 120});

};

});

$('.apoprevnext .aponmat').attr('title', aponext.text()).click(function() {

if(aponext.size() != 0) {

location.replace(aponext.attr('url'));

} else {

_uWnd.alert('Извините, следующий материал не найден', 'Внимание!', {w: 400, h: 120});

};

});

</script>

P.S. Не забудьте заменить код $MYINF_5$ на код своего информера

Автор публикации

не в сети 4 дня

Apocalypse

Я не понял вашего вопроса, но постараюсь на него ответить...

Комментарии: 393Публикации: 1095Регистрация: 27-08-2018

Метки: Apocalypse uCoz Каталог файлов Материал Предыдущий Следующий

Apocalypse

Я не понял вашего вопроса, но постараюсь на него ответить...

Вам может также понравиться...

11 Комментарий

Старые

Новые

Межтекстовые Отзывы

Посмотреть все комментарии

Гость

fapalnaapo

8 лет назад

забираю

Ответить

Участник

Dejan Didic

5 лет назад

I have a problem with list of category IDs, I have too many categories, but there are not many informers.
Is there any solution for that? Can something in the code be replaced?
Thanks in advance for your reply.

Ответить

Автор

Apocalypse

5 лет назад

Ответить на Dejan Didic

Why do you need a list of IDS of all categories? This solution is designed to get a list of previous and next materials and there is no need to search for IDS of all categories

Ответить

Участник

Dejan Didic

5 лет назад

I have lots of series, and I want to be separately for each series.

Ответить

Автор

Apocalypse

5 лет назад

Ответить на Dejan Didic

Can you give me a link to an example page?

Ответить

Участник

Dejan Didic

5 лет назад

http://www.ludaksite.net/
If we get it, you have a drink ..... hahaha.

Ответить

Автор

Apocalypse

5 лет назад

Ответить на Dejan Didic

I have one idea how to get the previous and following materials for your site 😃

Ответить

Автор

Apocalypse

5 лет назад

Ответить на Dejan Didic

Paste this code to the page with material and comments before last tag < /body >:

<script>
// Prev next series by Apocalypse for Dejan 2019
function isNumber(n) { return /^-?[\d.]+(?:e-?\d+)?$/.test(n);}
var apo_current_title = $('.pc_title h1 p:first').text(), apo_current_title_substr = isNumber(apo_current_title.substr(-2, 2)), apo_current_title_substr_cutted = apo_current_title.substr(0, apo_current_title.length-2), apo_prev_series = 0, apo_next_series = 0, apo_is_busy = 0;
if(apo_current_title_substr == true) {
// this is series
if(parseInt(apo_current_title.substr(-2, 2)) > 10) {
apo_prev_series = (parseInt(apo_current_title.substr(-2, 2)) - 1);
} else {
apo_prev_series = '0' + (parseInt(apo_current_title.substr(-2, 2)) - 1);
};
if(parseInt(apo_current_title.substr(-2, 2)) >= 9) {
apo_next_series = (parseInt(apo_current_title.substr(-2, 2)) + 1);
} else {
apo_next_series = '0' + (parseInt(apo_current_title.substr(-2, 2)) + 1);
};

$('.colum_left .page_content').after('<div style="float:left;padding:3px 5px;border:1px solid #ddd;background:#f4f4f4;cursor:pointer" onclick="apo_get_series($(this), \'' + apo_prev_series + '\')">Previous series</div><div style="float:right;padding:3px 5px;border:1px solid #ddd;background:#f4f4f4;cursor:pointer" onclick="apo_get_series($(this), \'' + apo_next_series + '\')">Next series</div>');
}

function apo_get_series(t, n) {
if(apo_is_busy == 0) {
apo_is_busy = 1;
t.html('Loading...');
$.post('/publ/', 'query=' + apo_current_title_substr_cutted + n + '&a=2', function(a) {
apo_is_busy = 0;
if($(a).find('#loepi').size() != 0) {
location.replace($(a).find('#loepi').attr('href'))
} else {
t.html('Series was not found');
}
});
}
}
</script>

// Prev next series by Apocalypse for Dejan 2019

function isNumber(n) { return /^-?[\d.]+(?:e-?\d+)?$/.test(n);}

var apo_current_title = $('.pc_title h1 p:first').text(), apo_current_title_substr = isNumber(apo_current_title.substr(-2, 2)), apo_current_title_substr_cutted = apo_current_title.substr(0, apo_current_title.length-2), apo_prev_series = 0, apo_next_series = 0, apo_is_busy = 0;

if(apo_current_title_substr == true) {

// this is series

if(parseInt(apo_current_title.substr(-2, 2)) > 10) {

apo_prev_series = (parseInt(apo_current_title.substr(-2, 2)) - 1);

} else {

apo_prev_series = '0' + (parseInt(apo_current_title.substr(-2, 2)) - 1);

};

if(parseInt(apo_current_title.substr(-2, 2)) >= 9) {

apo_next_series = (parseInt(apo_current_title.substr(-2, 2)) + 1);

} else {

apo_next_series = '0' + (parseInt(apo_current_title.substr(-2, 2)) + 1);

};

$('.colum_left .page_content').after('<div style="float:left;padding:3px 5px;border:1px solid #ddd;background:#f4f4f4;cursor:pointer" onclick="apo_get_series($(this), \'' + apo_prev_series + '\')">Previous series</div><div style="float:right;padding:3px 5px;border:1px solid #ddd;background:#f4f4f4;cursor:pointer" onclick="apo_get_series($(this), \'' + apo_next_series + '\')">Next series</div>');

}

function apo_get_series(t, n) {

if(apo_is_busy == 0) {

apo_is_busy = 1;

t.html('Loading...');

$.post('/publ/', 'query=' + apo_current_title_substr_cutted + n + '&a=2', function(a) {

apo_is_busy = 0;

if($(a).find('#loepi').size() != 0) {

location.replace($(a).find('#loepi').attr('href'))

} else {

t.html('Series was not found');

}

});

}

</script>

Script was tested on Lethal Weapon (2018). If the script is installed correctly, under the series will appear here are the buttons: https://yadi.sk/i/3dzp8ETpcpwZJQ

Ответить

Участник

Dejan Didic

5 лет назад

Ответить на Apocalypse

I'm speechless, you are really a genius ... thank you very much

Ответить

Автор

Apocalypse

5 лет назад

Ответить на Dejan Didic

Thank you! 😃

Ответить

Участник

Dejan Didic

5 лет назад

http://prntscr.com/m3orwo
Categories management of publ

Ответить

topka

Есть скрипт ( денег или баллов ? )
где можно потратить эти баллы или передать и заработать ?

Что-то такое видел на одном сайте ( сталкер сайт на юкозе было)

2024-03-06 21:31:46

Всевидящее око

Новый пост от installusd1 в теме «PPI Pay-Per-Install Best Advertising Network»

2024-03-25 09:45:25

Всевидящее око

Новый комментарий от пользователя паоа: «пкаор» в материале Ajax отправка комментариев в Wordpess без плагинов от Apocalypse

2024-03-27 20:08:09

Apocalypse

Сайт был восстановлен спустя несколько месяцев бездействия

2024-06-27 16:12:56

fapalnaapo

а Шо случилось за что блокировали

2024-06-30 20:46:10

Apocalypse

@fapalnaapo, банально хостинг не был уплачен

2024-07-14 08:27:24

Apocalypse

Всем привет. У кого как жизнь?

2024-07-30 19:50:15

fapalnaapo

давольно таки не плохо, очень приятно, мне очень нравится между прочем

2024-08-13 10:09:49

Apocalypse

Всем доброго дня

2024-11-07 12:00:10

Al-Sher

Всем привет

2024-11-09 17:57:18

......

Для публикации сообщений в чате необходимо авторизоваться

Следующий, предыдущий материал by Apocalypse для uCoz

Автор публикации

Apocalypse

Вам может также понравиться...

Посетители сайта

Панель управления

Ноябрь 2024
Пн	Вт	Ср	Чт	Пт	Сб	Вс
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30

Следующий, предыдущий материал by Apocalypse для uCoz

Автор публикации

Apocalypse

Вам может также понравиться...

История просмотренных материалов by Apocalypse для uCoz

Заставка на вашем сайте by Apocalypse для uCoz

Личные сообщения в uWnd окне by uCodes для сайтов на uCoz

Посетители сайта

Панель управления