Этот скрипт на JavaScript помогает улучшить навигацию по страницам на сайте. Представь, что у тебя есть много страниц с контентом (например, статьи, товары). Обычно ты переключаешься между ними, нажимая на кнопки "Следующая страница", "Предыдущая страница" или выбирая номер страницы.
Этот скрипт делает это более удобным:
Создает выпадающий список: Он автоматически добавляет в выпадающий список (тот, что выглядит как <select>) все номера страниц, которые есть на сайте.
Например, если у тебя 5 страниц, в списке будут цифры 1, 2, 3, 4, 5.
Загружает контент без перезагрузки страницы: Когда ты выбираешь номер страницы из этого списка, скрипт не перезагружает всю страницу. Вместо этого он загружает только нужный фрагмент контента с выбранной страницы и плавно показывает его на текущей странице. Это делает переключение между страницами очень быстрым и приятным для пользователя.
Проще говоря, этот скрипт позволяет тебе мгновенно переходить к любой странице контента, выбирая ее номер из списка, без надоедливой перезагрузки всего сайта.
Установка:1#:На главной странице Каталога файлов после $PAGE_SELECTOR$ вставляйте:
Код
<select name="aposelect" accesskey="c"></select>
<script>
$(document).ready(function() {
var aponump = $NUM_PAGES$ + 1;
for(i=1;i<aponump;i++) {
$('select[name="aposelect"]').prepend('<option id="aponum">'+i+'</option>');
};
$('select[name="aposelect"]').change(function() {
var apoval = $(this).val();
$('#apobody').stop().fadeTo(500, 0.5).load('/load/0-'+apoval+' #apobody', function() {
$(this).stop().fadeTo(500, 1);
});
});
});
// apo-ucoz.com (c) 2012
</script>
<script>
$(document).ready(function() {
var aponump = $NUM_PAGES$ + 1;
for(i=1;i<aponump;i++) {
$('select[name="aposelect"]').prepend('<option id="aponum">'+i+'</option>');
};
$('select[name="aposelect"]').change(function() {
var apoval = $(this).val();
$('#apobody').stop().fadeTo(500, 0.5).load('/load/0-'+apoval+' #apobody', function() {
$(this).stop().fadeTo(500, 1);
});
});
});
// apo-ucoz.com (c) 2012
</script>
2#: На этой же странице замените $BODY$ на:
Код
<div id="apobody">
$BODY$
</div>
$BODY$
</div>
