Привет, %username%Как-то раз мне пришлось писать форму для добавления постов в блог. Помимо стандартных полей (название, дата, текст и.т.д.) необходимо было привинтить юзабельную форму добавления тегов.
Т.к. я кодю в jQuery, то и выбор был однозначным.
Вот необходимые задачи, которые я поставил перед собой:
- Легко в настройке
- Все теги храняться в одном файле (в кэше)
- Минимальная нагрузка на сервер и клиента
- Список тегов — подсказок открывается только для выбранного запроса на определенный тег.
Вдаваться в подробности плагина я не буду.
Подключение – стандартное:
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>TAG_ADD. jQuery Plugin</title>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
- <script type="text/javascript" src="tag_add_js/tag_add.js"></script>
- <link rel="stylesheet" type="text/css" href="tag_add_css/tag_add.css">
- </head>
Рисуем форму и вызываем плагин
<input type="text" name="tag_input" id="tag_input_id" >
<br>
<em>(введите теги через запятую)</em></p>
<script>
jQuery(document).ready(function(){
$("#tag_input_id").tag_add();
})
</script>
* This source code was highlighted with Source Code Highlighter.Можем его настроить
<script>jQuery(document).ready(function(){$("#tag_input_id2").tag_add({maxitem:0, // макс. кол-во объектовminlength:2, // мин. кол-во символов для запускаmaxlength:10, // макс. кол-во символов для запускаloadinfo: 'loadtag.php', //файл содержащий все теги});})})</script>
* This source code was highlighted with Source Code Highlighter.Вот и весь плагин, демо можно посмотреть тут
Пользуйтесь))
