Переключение страниц по ctrl + стрелочка направления by Apocalypse для uCoz
Теперь не нужно кликать вперёд или назад на переключателе страниц. Достаточно просто нажать сочетание ctrl + стрелочка влево или ctrl + стрелочка вправо, чтобы перейти на предыдущую или следующую страницу
Постарался привинтить скрипту немного мозгов, заставив его уведомлять, если пользователь хочет перейти назад, находясь на первой странице и вперёд, находясь на последней
На данном примере переключатель для главной страницы Каталога файлов.
Установка:
1) Главная страница Каталога файлов -- В самый низ перед /body:
Code
<script>
// Переключение страниц по ctrl + стрелочка направления by Apocalypse
var curp = $('.swchItemA:first').text();
var curp1 = --curp;
var curp2 = ++curp + 1;
var lastp = $('.swchItem:last').next().text();
$('.swchItem span:contains("«")').remove();
$('.swchItem span:contains("»")').remove();
$('body').bind('keydown',function(e){if(e.keyCode==37 && e.ctrlKey) {
if(curp == 1) {
_uWnd.alert('Всё, первая страница...', '', {w:250, h:50})
} else {
window.location.href='/load/0-'+curp1;
};
}})
$('body').bind('keydown',function(e){if(e.keyCode==39 && e.ctrlKey) {
if(curp == lastp) {
_uWnd.alert('Всё, последняя страница...', '', {w:250, h:50})
} else {
window.location.href='/load/0-'+curp2;
};
}})
// apo-ucoz.com - Уникальные скрипты для uCoz
</script>
// Переключение страниц по ctrl + стрелочка направления by Apocalypse
var curp = $('.swchItemA:first').text();
var curp1 = --curp;
var curp2 = ++curp + 1;
var lastp = $('.swchItem:last').next().text();
$('.swchItem span:contains("«")').remove();
$('.swchItem span:contains("»")').remove();
$('body').bind('keydown',function(e){if(e.keyCode==37 && e.ctrlKey) {
if(curp == 1) {
_uWnd.alert('Всё, первая страница...', '', {w:250, h:50})
} else {
window.location.href='/load/0-'+curp1;
};
}})
$('body').bind('keydown',function(e){if(e.keyCode==39 && e.ctrlKey) {
if(curp == lastp) {
_uWnd.alert('Всё, последняя страница...', '', {w:250, h:50})
} else {
window.location.href='/load/0-'+curp2;
};
}})
// apo-ucoz.com - Уникальные скрипты для uCoz
</script>
2) Замените на этой же странице $PAGE_SELECTOR$ на:
Code
<span style="font-size:11px;color:#999;">←ctrl • </span>$PAGE_SELECTOR$<span style="font-size:12px;color:#999;"> • ctrl→</span>
Категория:
Переключатели страниц для uCoz
Просмотров:
1733