21
фев
Автор: MSW
Версия DLE: 9.2-9.5
Сайт поддержки: https://0-web.ru/
Инструкция по обновлению jQuery и jQuery UI на DLE серии 9.*
По умолчанию в DLE идёт не полный набор возможностей jQuery UI, а лишь минимальные из них. В данной заметке постараюсь рассказать как быстро и просто поставить полный набор юи и последнюю версию jquery.
Первым делом обновляем библиотеку jQuery.
Для этого на сайте: http://jquery.com/ скачиваем актуальную версию библиотеки.
Содержимое скачанного файла помещаем в файл на сайте: /engine/classes/js/jquery.js
Далее приступаем к обновлению jQuery UI.
На сайте: http://jqueryui.com/themeroller/ подбираем оптимальный дизайн под свой стиль шаблона.
Рекомендую на вкладке Font Settings значение Size установить в 12px, а то по умолчанию в em из-за чего может быть увеличенный шрифт в тех или других местах которые используют юи.
После этого жмём кнопку - Download theme, на открывшейся странице проверяем что установлены все галки и нажимаем - Download.
Из скачанного архива содержимое файла /js/jquery-ui-1.8.17.custom.min.js помещаем в файл: /engine/classes/js/jqueryui.js
Из папки, скачанного архива, /css/custom-theme переименовываем jquery-ui-1.8.17.custom.css в jquery-ui.css, после этот файл и папку images помещаем в папку style своего шаблона, а также в папку: /engine/skins/ с заменой существующих.
В файле шаблона: main.tpl после:
{headers}
Добавляем:
<link media="screen" href="{THEME}/style/jquery-ui.css" type="text/css" rel="stylesheet" />
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.