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

Добавление материала в закладки
[ Скачать с сервера (1.5 Kb) ] 06.08.14, 14:54:20



1.Загрузите файл из архива в папку js
2. Перед тегом
Код
</body>
вставьте код:
Код
<script src="/js/LisMarks.js"></script>

3. Туда, где хотим видеть список закладок вставляем:
Код
<div id="LisMarks-wrap"></div>

4. Включаем скрипт. Перед тегом
Код
</body>
вставьте код:
Код
<script>LisMarks.init();</script>

Функция init принимает 1 параметр-объект, который содержит шаблоны для закладок и элемента с надписью нет закладок.
Например:
Код
<script>
  LisMarks.init({
  tmpl: '<div class="mark" $1><a href="$2">$3</a><a href="#" $4>Удалить</a></div>',//основной шаблон закладки
  no: '<div class="no_marks" $1>Нет закладок</div>'//шаблон элемента с надписью нет закладок
  });
</script>


tmpl - шаблон закладки. Может содержать любые html теги. Шаблон имеет 4 переменные, которые заменяются на нужные значения для работы скрипта:
$1 - обязательная переменная. Заменяется на
Код
id="LisMarknum"

$2 - заменяется на ссылку на материал
$3 - заменяется на название материала
$4 - необходима для кнопки удаления. Заменяется на
Код
onclick="LisMarks.del(num);"

no - шаблон элемента, который будет показан, если нет закладок. В шаблоне должна быть 1 обязательная переменная:
$1 - заменяется на
Код
id="LisMarks-null"


Для работы скрипту необходима библиотека jQuery. Также браузер должен поддерживать Web SQL и LocalStorage

Создание кнопки добавления в закладки
Для создание кнопки добавления можете использовать любой html элемент. Главное добавьте к нему атрибут
Код
onclick="LisMarks.add('title', 'url');"

Где title - название материала, а url - ссылка для него.
Например, кнопка добавления для модуля "Новости"
Код
<button onclick="LisMarks.add($(this).next().html(), '$ENTRY_URL$');">Добавить в закладки</button>  
  <div style="display:none;">$TITLE$</div>


Временное ДЕМО

Вопросы по установке оставляйте в комментариях или пишите в ЛС.

Для исправления бага при добавлении в закладки материалов, содержащих кавычки в имени, смотрите пример кнопки добавления модуля новостей. Также скачайте новый файл из прикреплённого архива!

Категория: jQuery | Добавил: Lisnes | Теги: Добавление, материала, закладки
Просмотров: 1575 | Загрузок: 199 | Комментарии: 18 | Рейтинг: 1.0/9
Всего комментариев: 13
0
Lisnes, Все символы вроде нормально проходят, а на двойную кавычку (") все равно ругается: Syntax error...

0
Исправлено. Скачай новый файл и всё.

0
Спасибо!

0
Загрузку скрипта можно сделать вариативной.
Если браузер подходящий - загрузить скрипт, если нет, то исключить из кода...
Делается это стандартными операторами
Код

<?if($USER_AGENT$='???' & $USER_AGENT_VER$='???')?>script_code<?else?><?endif?>

Остается узнать имя Браузера и его версию, вписать вместо вопросов и вуаля))
Так же можно скрыть ВЕСЬ необходимый функционал из данной статьи, чтобы работало только на определенных браузерах, а там где не работает - чтобы даже не высвечивалось и не мозолило глаза.

0
Зачем этот моразм?! В скрипте предусмотрено всё и если нет необходимых "фишек" браузера просто отключится.

0
Lisnes, Отлично! Тоже очень жду.

0
Спасибо! И еще кавычки (") в названии тоже ошибку выдают.

0
У меня уже есть решение проблемы. Жду администратора, чтобы отредактировать материал.

0
А что меня ждать то? Отредактируй, а проверю и активирую smile

0
Это шаблоны по умолчанию. Так что функция init может не принимать аргументов вообще.

Имя *:
Email: