|
|||||||
Содержание
Введение |
jQueryjQuery - краткая Библиотека JavaScript, которая делает проще создание HTML-документов. jQuery создан, чтобы изменить способ, которым Вы пишете JavaScript. Сайт jQuery - http://jquery.com/ Редактор WYSIWYG Web Builder содержит несколько скриптов, источником которых является jQuery, и помогает установить их на Вашу веб-страницу. См. также Введение в виджеты jQuery (англ. язык)
Для вставки на страницу объектов Query используйте меню Insert или панель вставок (Toolbox) - раздел jQuery Для оформления объектов используйте также Менеджера темы. В WYSIWYG Web
Builder v 18 вместо jQuery используется Bootstrap в большинстве объектов:
Индикатор выполнения Подробнее Автозаполнение Подробнее Tooltip- Всплывающие подсказки Bootstrap можно активировать при наведении курсора мыши, щелчке, фокусировке или вручную. С более чем 35 анимациями! Подробнее jQuery Accordion jQuery Accordion - Аккордеон.
Объект имеет несколько вкладок, при
щелчке по которым открывается содержание каждой вкладки.
jQuery Аккордеон основан на Виджете Аккордеона библиотеки jQuery UI: <http://jquery.com/ Примечание: В последних версиях программы На Панели вставок
(Toolbox) Аккордеон перенесен в раздел Layout (расположение)
Подробнее об аккордеоне Новая функция: аккордеон теперь могут быть частью макета сетки! - Новая функция: Добавлена поддержка для загрузки аккордеона. Это позволит использовать сценарий bootstrap вместо jQuery аккордеон. Это приведет к меньшему размеру. - Новая функция: Добавлен плавающий режим для аккордеона. Когда эта опция включена, объекты внутри панелей плавает вместо того, чтобы иметь фиксированное положение. Это рекомендуется для гибких макетов с раскладкой сеток. Новая функция для аккордеона: добавлена возможность использовать аккордеон в качестве формы - Свойства - > форма - > включить форму (Properties->Form->Enable Form). Новое для Аккордеон (Accordion) - Новая функция: добавлен режим горизонтального аккордеона - Новая функция: добавлен режим «Поворот». Это позволяет автоматический цикл через панели с настраиваемой продолжительностью. - Новая функция: добавлена возможность устанавливать отдельные цвета для фона заголовка. Посмотреть пример Новое для Аккордеон (Accordion) - Новые функции: добавлено свойство позиции стрелки, дбавлена возможность использовать значки в заголовке, добавлена возможность открывать определенную панель Accordion через закладки (хеш URL) и другое. Подробнее Новая функция: добавлена возможность устанавливать тег заголовка для заголовков панелей. Новое для аккордеона: добавлены события «деактивировать» и «до деактивации». Различные улучшения. Подробнее Новое для Accordion (Аккордеон) Добавлена возможность настройки размера стрелки. Новое для jQuery UI Widgets - Добавлены свойства повтора фона, выравнивания фона и размера фона. jQuery AutoComplete jQuery AutoComplete может
заменить стандарт
editbox. Это
дает
возможность пользователям быстро найти и выбрать из предзаполненного
списка значений. Список может быть или местным или от
отдаленного местоположения (АЯКС)
jQuery Button (кнопка Themable) jQuery
Button (Themeable Button) - Вставляет
объект Кнопки. Можно выбрать кнопку-изображение на любые случаи жизни и
придать ей определенное действие. Когда посетитель страницы
нажмет на
Изображение, это выполнит действие, связанное с формой.
Действие кнопки задается другой функцией редактора - Событиями Подробнее о Themeable Button Новое: "Кнопка Themable" (ранее называлась как jQueryButton) - Новая функция: добавлено свойство box-shadow. - Новая функция: добавлена возможность установить кнопку(ы) полную ширину в сетке макета. Это может быть полезно (например) для создания гибких строк (переключателей). Новое: Для Themeable Button новая функция: теперь поддерживает иконки шрифтов, это заменяет (фиксированный) набор иконок jQuery UI. Новое: Для Themeable Button новая функция: добавлена опция «показать галочку» (show checkmark) для режима флажка и переключателя. Указывает, отображается ли необязательная галочка на кнопке. Улучшено: кнопка больше не использует темы jQuery и пользовательского интерфейса jQuery, когда для типа кнопки установлено значение «нормальный», «сброс», «отправить» или «ссылка». «Использовать тему пользовательского интерфейса jQuery» (Use jQuery UI Theme) должно быть отключено. jQuery DatePicker jQuery
DatePicker
используется для вставки на страницу
календаря и текущей даты. Виджет используется в основном для вставки в
веб-формы, но может устанавливаться на любой странице.
Имеется множество настроек. Подробнее об jQuery DatePicker См. также: Новое в WYSIWYG Web Builder 11 jQuery Dialog Диалог -
плавающее окно,
которое содержит область заголовка и область
содержания. Вы можете перетащить и отпустить объекты в область
содержания окна диалога.
jQuery Диалог основан на Виджете Диалога jQuery UI библиотека: http://jquery.com/ Подробнее о jQuery Dialog Пример jQuery Диалог Новое - диалог
(Dialog)
- Новая функция: добавлены события Open («Открыть») и Close («Закрыть»). Событие «Open» вызывается, когда диалог становится видимым для пользователя. Событие «Закрыть» вызывается, когда модальное окно скрыто от пользователя. Практическим примером может быть отключение кнопки отправки после того, как форма запустила диалоговое окно для отправки формы. - Новая функция: диалог начальной загрузки - Добавлена поддержка горизонтального и вертикального выравнивания. Новое: Диалог (Dialog - новые функции: добавлена анимация отображения / скрытия в диалоговом режиме Bootstrap, добавлено свойство border-radius в стиль кнопки, добавлены параметры «полная ширина» для горизонтального выравнивания, добавлены параметры «полная высота» для вертикального выравнивания. Подробнее Новая функция: добавлена функция «однократного всплывающего окна». Диалог теперь использует Bootstrap 5. Больше не зависит от jQuery. Подробнее jQuery Progressbar Полоса
продвижения
спроектирована, чтобы просто отобразить текущий
процент выполнения процесса, например такого как загрузка программы.
Диапазон полосы продвижения от 0 до 100. Значение полосы продвижения
обычно обновляется через JavaScript.
Подробнее о Progressbar См. также: Новое в WYSIWYG Web Builder 11 jQuery Slider jQuery
Slider - виджет бегунка представляет
из себя маркер,
передвигающийся по направляющей полосе. Может быть вертикальным
или горизонтальным. Показывает значение, которое отобрано при
перетаскивании бегунка.
Подробнее jQuery Tabs jQuery Tabs - вкладки могут использоваться, чтобы разделить содержание страницы на несколько разделов. По назначению напоминает другой виджет - Accordion. Объекты можно поместить на вкладки перетаскиванием. Это работает так же, как и для слоев или форм. Чтобы добавить элементы к панели - просто щелкают заголовком/вкладкой, чтобы сделать панель активной. Перед перетаскиванием сначала нужно убедиться, что вкладка достаточно велика, чтобы на нее можно было перетаскивать объекты (объект вкладки должен быть больше, чем добавляемый объект!). Синяя рамка вокруг панели будет означать, что перетаскиваемый объект станет частью вкладки. Пример jQuery Tabs Подробнее об jQuery Tabs Новое в Вкладки (jQuery Tabs) теперь могут быть
частью макета сетки!
- Добавлена поддержка для вкладок bootstrap. Это позволит использовать Скрипт вкладки при начальной загрузке вместо вкладки jQuery Это приведет к меньшему размеру, потому что он не зависит от структуры пользовательского интерфейса jQuery. Добавлен плавающий режим вкладок. Когда эта опция включена, объекты внутри вкладки плавают вместо того, чтобы иметь фиксированное положение. Это рекомендуется для гибких макетов с раскладкой сеток. Добавлена возможность выравнивания навигационных вкладок в заголовке. Новое: Вкладки (Tabs)- добавлен режим «Шаги» (Steps), добавлена возможность открывать определенную вкладку через закладки (хэш URL), переработана конфигурация событий и другое. Подробнее Новая функция для вкладок: добавлены события «деактивировать» и «до деактивации». Эти события будут вызваны при деактивации панели. Улучшено: тип вкладок/Bootstrap теперь использует Bootstrap 5. Больше не зависит от jQuery. Новое для Tab (вкладка) - Добавлен тип «Вкладки Bulma». Это отображает минималистическую версию элемента управления вкладками с простым текстом и тонкими подчеркиваниями. Подробнее См. также: Новое в WYSIWYG Web Builder 11 Новое в WYSIWYG Web Builder 12 Новое в WYSIWYG Web Builder 14 Новое в WYSIWYG Web Builder 15 Новое в WYSIWYG Web Builder 16 Theme Roller Многие из графических
фрагментов jQuery могут быть
стилизованы
при использовании тем ThemeRoller.
Подробнее Themeable Menu (Меню jQuery) Themeable Menu (Меню jQuery) -
многоуровневое меню. Основано на
jQuery Menu:
http://jquery.com/
Для вставки меню jQuery используйте:
jQuery Spinner Этот объект обычно используется в
веб-форме как замена
стандартного
editbox. Подробнее
jQuery Tooltips - Подсказки Настраиваемые подсказки заменяют
родные подсказки.
Подсказка поддерживает текстовое форматирование и может быть назначена на любой объект WYSIWYG Web Builder. Подробнее См. также: Новое в WYSIWYG Web Builder 11 jQuery Mobile jQuery Mobile (Мобильный
jQuery) служит для
того, чтобы
создать мобильные
веб-приложения.
jQuery Mobile работает со всеми популярными смартфонами и таблетками. WYSIWYG Web Builder использует jQuery Mobile как основание для мобильных web-страниц. Когда Вы создадите мобильную страницу, у Вас будет специализированный набор инструментов для мобильного web-дизайна. Подробнее См. также ThemeRoller Новое: jQuery Mobile был удален из программного обеспечения. Эта сторонняя библиотека больше не поддерживается, поскольку она устарела (последнее обновление: 2014 г.). Страница jQuery Mobile будет преобразована в стандартные страницы с сетками макетов. Gримечание. Преобразованные страницы не будут выглядеть точно так же, как раньше, поэтому проверьте результат перед повторной публикацией этих страниц! Theme Roller Многие из виджетов jQuery могут быть разработаны при использовании тем ThemeRoller. Новые темы должны быть установлены в ‘themeroller’ папку: My Documents\WYSIWYG Web Builder\system\themeroller\ Вы можете легко создать свои темы, посещая вебсайт ThemeRoller: http://jqueryui.com/themeroller/ Шаг 1 Перейти на: http://jqueryui.com/themeroller/ Шаг 2 Выберите одну из предопределенных тем или создайте Вашу собственную тему. Шаг 3 Загрузите тему на Ваш компьютер. Удостоверьтесь, что Вы выбираете 'All components' and version 1.8.x for jQuery 1.4+.- 'Все компоненты и версия 1.8.x для jQuery 1.4 +. В Advanced Theme Settings' - (в 'Расширенных Параметрах настройки Темы) Вы можете определить название своей темы. Давайте называть это 'MyFirstTheme'. Загруженный файл находится в формате почтового индекса и будет назван например как: jquery-ui-1.8.2.custom.zip Шаг 4 - Разархивируйте файлы к временной папке на Вашем жестком диске. Есть много файлов в почтовом индексе, в котором Вы не нуждаетесь. Вы найдете свою заказную тему в: development-bundle\themes\MyFirstTheme (где MyFirstTheme - название Вашей темы). Вы должны будете скопировать этув полную папку : My Documents\WYSIWYG Web Builder\system\themeroller\MyFirstTheme Новая тема wil теперь быть доступными, когда Вы Вы открываете свойства объектов jQuery. Lightbox (для расширенных пользователей только) У обоих Photo Gallery, или Slide Show, или Слайдов есть способность отобразить отобранные изображения в lightbox. Если Вы знакомы с JavaScript, тогда Вы можете добавить свой собственный lightbox или сценарий галереи. Стандарт lightbox расширения сохранен в C:\Program Files\WYSIWYG Web Builder\lightbox Новое: jQuery General Обновление до jQuery 1.11.3 и 2.1.4. Модернизация к jQuery UI 1.11.4. У этой версии есть много усовершенствований и меньший размер файла вывода. http://jqueryui.com/upgrade-guide/1.11/ Добавленный способность управлять радиусом границы для виджета jQuery UI. jQuery Date Picker Добавлен способ flexible ('гибкий'). Этот выбор делает размер Date Picker гибким, т.е. у него могут быть различные размеры в различных контрольных точках. См. Сайты для разных экранов jQuery ProgressBar Добавлен выбор 'Indeterminate' (Неопределенный)р. Позвольте этому выбору показать (оживляемый) неопределенный бар продвижения. jQuery Tooltip Добавлена возможность вставить Lorem Ispum (текст без смысла) в редактор текста через контекстное меню. Добавлен выбор теневой коробки. Добавленный выбор выравнивания текста. Добавлена способность использовать собственный фон и границу вместо темы jQuery UI. Добавлена поддержка Стрелки. Стрелка может быть показана в основании, слева. справа tooltip. jQuery Tab Добавлены новые способы расположения, чтобы дать виджету различное появление (удалите фон заголовка, удалите заголовок и пр.). Посмотреть пример jQuery ListView jQuery ListView - новый объект, который был добавлен в WYSIWYG Web Builder 11. Посмотреть пример Создайте красивые разработанные (jQuery UI themable) списки с названием, описанием и изображением. Поддержаны два способа: listview и droplist. Также поддержаны сепараторы к пунктам группы. droplist - стилизованное (dropdown) избранное меню, которое может или использоваться как меню, или как элемент формы (combobox). Подробнее о ListView Новое для jQuery ListView - добавлена возможность устанавливать ширину границы элементов списка. Режим просмотра списка теперь доступен только для CSS. Таким образом, разметка больше не зависит от jquery.min.js, jquery-ui.min.js и listview.min.js. Подробнее Улучшения в Droplist - на панели инструментов добавлен специальный значок «выпадающего списка». Подробнее Панель (Panel) Этот объект доступен только для мобильных веб-страниц. Объект Panel основан на виджете Panel из фреймворка jQuery Mobile: http://api.jquerymobile.com/panel/ Панель изначально невидима, но может скользить с правой или левой стороны страницы, нажав кнопку меню. Содержимым панели может быть listview//menu или другая страница. Подробнее о панели Wizard Объект Wizard (мастер) может быть использован (например) для создания многостраничной формы. Мастер может быть модальным (всплывающим) или использоваться как стандартный элемент. Подробнее о мастере Новое: Добавлена поддержка для jQuery 3. Эта версия тоньше и быстрее, чем предыдущие версии. - Улучшено: обновление до последней версии пользовательского интерфейса jQuery. Все скрипты jQuery интерфейса объединены в один файл (jquery-ui.min.js вместо jquery.ui.widget.min.js, jquery.ui.accordion.min.js, jquery.ui.effect.min.js и т. д.). Это уменьшает количество генерируемых файлов, который может помочь ускорить загрузку ваших страниц. Все внутренние скрипты были обновлены. - Новая тема пользовательского интерфейса jQuery ‘база’ Добавлено: - Добавлена возможность настраивать цвета из jQuery UI виджеты (вкладки, аккордеон, диалог, слайдер, выбор даты и т. д.) независимо от темы пользовательского интерфейса jQuery. Выбор ‘использовать темы пользовательского интерфейса jQuery’ false, чтобы контролировать цвет каждого виджета в отдельности. Новое при работе с вкладками (jQuery Tabs) Новое при работе с аккордеоном Улучшено: jQuery диалог теперь может иметь различные размеры и схемы в контрольных точках. и многое другое... Новое в WYSIWYG Web Builder 14 В WYSIWYG Web Builder 14 внесены изменения и дополнения при создании таких объектов jQuery, как Accordion, Progressbar, Tabs, jQuery Menu и др. См. Новое в WYSIWYG Web Builder 14. Уведомления Новое: Уведомления (Toasts) - это небольшие сообщения, разработанные для имитации push-уведомлений, которые были популярны в мобильных и настольных операционных системах. Они могут отображаться при загрузке страницы или с задержкой. Несколько уведомлений будут автоматически складываться вертикально. Для создания уведомлений используйте Панель вставок (Toolbox) - раздел jQuery UI / Bootstrap - Toast. В Инспекторе свойств щелкните по значку , чтобы открыть окно свойств выделенного элемента - Текста. Несколько уведомлений автоматически складываются вертикально. Текст объекта Toast можно редактировать так же, как и стандартный текст, включая стили, межстрочный и межбуквенный интервалы, маркеры, поиск/замену, lorem ipsum, адаптивные шрифты и поддержку ссылок. Из настроек - Указывается задержка (в мсек) перед отображением всплывающего уведомления, Задержка сокрытия, заголовок, подзаголовок, позиция, значок. См. также (англ. язык) Знакомтво с ToastsToasts Менеджер темы (Theme Manager) Theme Manager (Менеджер темы) вводит альтернативный способ создать jQuery UI темы, которые используются объектами, такими как jQuery Accordion, jQuery jquery и другими jQuery - виджетами. Подробнее о Менеджере темы См. также: Ослабление (Easing) Новое: Улучшено: при использовании эффектов Easing в анимации (например, в
закладках, меню панели, анимации SVG, прокрутке и т. д.) генератор HTML
теперь будет включать только модуль эффектов jQuery (11 КБ) вместо
полной библиотеки пользовательского интерфейса jQuery (248 КБ).
Страница jQuery Mobile будет преобразована в стандартные страницы с сетками макетов.
Важное примечание. Преобразованные страницы не будут выглядеть точно
так же, как раньше, поэтому проверьте результат перед повторной
публикацией этих страниц!
Доступные расширения: jQuery Shadow
Расширение jQuery Shadow - это простой способ добавить классные теневые эффекты к объектам без использования изображений. См. jQuery Shadow jQuery UI Theme Switcher jQuery UI Theme Switcher позволяет легко переключаться с одной темы jQuery UI на другую. См. jQuery UI Theme Switcher jQuery Toolkit Добавьте мощные функции jQuery UI (перетаскивание, сортировка, изменение размера, выбор) на ваш сайт всего несколькими щелчками мыши! См. jQuery Toolkit jQuery Blur Это расширение - плагин jQuery, который создает прозрачные размытые элементы psuedo над другими элементами. См. jQuery Blur jQuery Masonry Расширение jQuery Masonry позволяет создавать макеты, которые динамически адаптируются к размеру экрана (адаптивный макет). См. jQuery Masonry jQuery FAQ Это расширение предоставляет простой способ создать страницу часто задаваемых вопросов (FAQ). См. jQuery FAQ jQuery Montage Автоматическое создание монтажного изображения из набора изображений, либо для жидкого контейнера или контейнера фиксированного размера с возможностью заполнить все пробелы. См. jQuery Montage Последнее
обновление - январь 2024 г.
|
||||||
|