Главная » Файлы » Прочие скрипты » jQuery

Переключение страниц по ctrl + стрелочка направления by Apocalypse для uCoz
24.06.14, 08:31:14






Решил разработать скрипт, который повысил бы удобство нахождения пользователя на сайте. Теперь не нужно кликать вперёд или назад на переключателе страниц. Достаточно просто нажать сочетание ctrl + стрелочка влево или ctrl + стрелочка вправо, чтобы перейти на предыдущую или следующую страницу

Постарался привинтить скрипту немного мозгов, заставив его уведомлять, если пользователь хочет перейти назад, находясь на первой странице и вперёд, находясь на последней smile

На данном примере переключатель для главной страницы Каталога файлов. Захотите для других страниц других модулей - пишите в комментариях - объясню

Установка:

1) Главная страница Каталога файлов -- В самый низ перед /body:
Код
<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$ на:
Код
<span style="font-size:11px;color:#999;">←ctrl • </span>$PAGE_SELECTOR$<span style="font-size:12px;color:#999;"> • ctrl→</span>


Материал подготовлен Apocalypse

Категория: jQuery | Добавил: Apocalypse | Теги: страниц, стрелочка, Apocalypse, ucoz, ПО, переключение, by, ctrl, направления, для
Просмотров: 267 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email: