Закладки страниц для ucoz с использованием localStorage

Каталог файлов

Рейтинг:5.0

Категория: Хаки для Ucoz

Установка скрипта:

Перед ставим код:

Код

Стили настраиваем по своему усмотрению. По желанию вы можете установить мой вариант стилей:

Код

.book {width:300px;background:#262626;font:Bold 12px Arial,sans-serif;margin:0 auto;padding:.1px 10px;}
  .nobook {padding:10px;margin:10px 0;background:#cd4040;text-align:center;color:#fff;}
  .bookmark {background:#9dcd40;margin:10px 0;padding:15px 10px;}
  .bookmark a {color:#fff;text-decoration:none;display:block;}
  .bookmark button {font:12px Arial,sans-serif;float:right;background:rgba(255,255,255,.25);border:0;color:#fff;margin-top:-5px;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;padding:5px;}
  .bookmark button:hover {background:rgba(0,0,0,.1);}

Основная информация

Чтобы не повторяться в описании каждой функции, напишу коды кнопки и ссылки сразу:

Код

<button onclick="функция">Текст</button><a href="#" onclick="функция">Текст</a>

Где "функция" - одна из функций, перечисленных ниже.

Массив закладок

Код

$.bookmarks.get();

Функция вернет массив вида:

Код

[{"name":"Страница #1","url":"/index1.html"},{"name":"Страница #2","url":"/index2.html"}]

Поиск закладок по URL

Код

$.bookmarks.search(url,event);

Цитата

url - адрес страницы
event - объект из двух функций:"success" (Выполнится, если будет найдена закладка) и "failed" (Выполнится, если закладка не найдена).

Пример:

Код

$.bookmarks.search('/index1.html',{
  success:function(){
  alert('Закладка найдена');
  console.log('Номер закладки:'+x);
  },
  failed:function(){
  alert('Закладка не найдена');
  }
  });

Примечание: если закладка будет найдена, то в консоли вы можете увидеть запись:"Номер закладки: x", где x - порядковый номер закладки в массиве.Так же существует другой формат записи, при котором функция вернет true/false:

Код

$.bookmarks.search(url);

Добавление закладок

Код

$.bookmarks.add(name,url,event);

Цитата

name - название закладки
url - адрес закладки
event - объект из двух функций:"success" (Выполнится, если закладка будет добавлена) и "failed" (Выполнится, если закладка не будет добавлена).

Пример:

Код

$.bookmarks.add('Закладка #1','/index1.html',{
  success:function(){
  alert('Закладка успешно добавлена.');
  },
  failed:function(){
  alert('Такая закладка уже есть.');
  }
  });

Удаление закладок

Код

$.bookmarks.erase(url,event

Цитата

url - адрес закладки
event - объект из двух функций:"success" (Выполнится, если закладка будет удалена) и "failed" (Выполнится, если закладка не будет удалена).

Пример:

Код

$.bookmarks.erase('/index1.html',{
  success:function(){
  alert('Закладка успешно удалена.');
  },
  failed:function(){
  alert('Закладка не найдена.');
  }
  });

Вывод закладок

Код

$('элемент').bookmarks({slice,sort},event);

Цитата

slice - количество закладок. Не указывайте, если хотите вывести все.
sort - сортировка закладок. На данный момент доступно только одно значение ("name"), при котором закладки сортируются по имени. Не указывайте, если хотите сортировать закладки по дате добавления.
event - функция, выполняемая после вывода закладок.

Пример:

Код

$('.book').bookmarks(); // Вывод всех закладок
  $('.book').bookmarks({slice:3}); // Вывод 3 последних заклади
  $('.book').bookmarks({sort:'name'}); // Сортировка по имени
  $('.book').bookmarks({sort:'name',slice:3}); // Вывод 3 последних закладки + отсортировать по имени.

На этом пока все.