Урок 1. Создание и вывод облака тегов с помощью PHP и jQuery
От автора: очень часто возникает необходимость связывать данные сайта с определенными ключевыми словами (облако тегов), раскрывающими тему и направление материалов. Соответственно, если существуют такие ключевые слова, то очень уместно было бы вывести их на экран, чтобы обеспечить легкий доступ пользователей к материалам определенной темы. Для этого и используются облака тегов, которые позволяют вывести ключевые слова в удобном для нас виде.
В этом уроке мы с Вами начнем создавать облако тегов с абсолютного нуля. Создадим базу данных, а также реализуем вывод тегов и записей, связанных с ними на экран.
По результатам урока мы с Вами создадим простейшее облако тегов, выведем его на экран и реализуем вывод статей при клике по каждому тегу. То есть – создадим основу скрипта. В следующем уроке, мы реализуем вывод тегов различной величины, в зависимости от количества статей, привязанных к каждому тегу. И начнем создавать админку облака тегов, чтобы иметь возможность более быстро и удобно добавлять и редактировать теги.
JQuery
В предыдущей статье «AJAX загрузка файлов» рассказывал как можно сделать загрузку файла через JQuery / AJAX. Но файлы бывают довольно большие, а интернет соединение медленным. Поэтому хорошо бы отображать процент загрузки файла на сервер. Иначе пользователь может подумать, что форма зависла и не отвечает.
AJAX загрузка файлов
С каждым годом сайты становятся всё интерактивнее. Теперь для отправки формы не надо перезагружать страницу, а данные сами проверяются на валидность во время ввода. Одной из неотъемлемых функций является отправка файлов из формы через AJAX. Разберём как это делается.
Размер и тип файла в input file
Дата 25.05.2017 Автор Alex Рубрика Веб сайты, Интернет
Если на сайте есть форма загрузки файлов, то должна быть валидация загружаемого файла. Пользователь должен сразу знать подходит ли его файл для загрузки или нет. Из возможных ограничений может быть тип файла и размер. В статье приведен пример как сделать обе проверки.
Свежие записи
- WordPress. Удалить изображения ко всем постам
- GTK. Включить тёмную тему
- APT. Обновить только один пакет
- Debian. Минимальная установка KDE
- systemd-resolved. Кеширование DNS запросов
- LUKS. Автомонтирование при загрузке
- Android. Отключение автозапуска программ
- Mysql. Загрузка таблицы из CSV
- Linux. Показать изображение в консоли
- Linux. Запустить Firefox в консоли
- Docker. Изменить время внутри контейнера
- Как удалить любое приложение на Android
Востребованное
- iptables. Набор правил
- Отключение ipv6
- Генератор паролей
- Генератор комментариев
- Лучшие названия статей
Рубрики
Комментарии
- Vlad к записи Linux и тачпад. Прикосновение для клика «tap to click»
- Константин к записи Отзыв о CS-Cart. Страшный сон для MySQL
- Maxsimus312 к записи Linux и тачпад. Прикосновение для клика «tap to click»
- Alex к записи Linux и тачпад. Прикосновение для клика «tap to click»
- Dmitry к записи Linux и тачпад. Прикосновение для клика «tap to click»
Пользовательский интерфейс jQuery 1.9.1 в сети доставки содержимого Microsoft Ajax
Все стандартные темы пользовательского интерфейса jQuery размещаются в этой сети CDN.
Щелкните любое изображение темы, чтобы просмотреть эту тему в jQuery UI ThemeRoller.
Щелкните любое из полей ввода, чтобы выбрать полный URL-адрес CSS-файла, размещенного в CDN темы.
Черный галстук
Блитцер
Купертино
Темный Куст
Точка-Лув
Баклажаны
Excite-Bike
Флик
Горячие тайки
Humanity
Ле-Лягушка
Мят-Чок
Пасмурно
Перец-измельчица
Редмонд
Гладкость
Саут-Стрит
Запуск
Солнечно
Swanky-Purse
Trontastic
Тьма пользовательского интерфейса
Легкость пользовательского интерфейса
Вейдер
Интернационализация и локализация
Папка i18n содержит сведения о локализации для библиотеки пользовательского интерфейса jQuery.
Обратная связь
Были ли сведения на этой странице полезными?
Обратная связь
Отправить и просмотреть отзыв по
Tagnetic — холодильник тэгов, плагин для jQuery
В ответ на флэш-скрипт от Ray Tanck, реализующий облако тэгов, стилизованное под доску с магнитами, я написал плагин для jQuery, который создает облако тэгов, стилизованное под холодильник с налепленными на него магнитами 🙂
Плагин автоматически заменяет облако на холодильник, а в случае, если у пользователя выключен ява-скрипт, то ему будет показано стандартное облако тэгов.
Посмотреть скрипт в работе можно здесь и здесь. При желании вы можете скачать холодильник тэгов и ознакомиться с документацией к нему.
Тестировал работу в ФФ 2 и 3, ИЕ 6 и 7, опере 9.60, Сафари и Гугл Хроме. К сожалению, в ИЕ 6 из-за использования IE PNG Fix скрипт заметно тормозит. Сейчас работаем над созданием новых скинов (хочу преобразовать холодильник в доску или забор с налепленными на него объявлениями-тэгами) и над оптимизацией графики.
Интересно мнение хабраюзеров о полезности этой работы, а также о возможных глюках.
Upd. С подачи nikel303 сделал пример, в котором магниты можно перетаскивать.