|
|||||||
Содержание
Введение |
СобытияВ редакторе WYSIWYG Web Builder в окне Свойств объектов (См. Свойства страницы /сайта) есть вкладка Events (вкладка событий). Предопределенные действия включают: Show (Покажите), Hide (Скройте), Move (Перемещение), Set Image (Изображение набора) , Play (Играть), Pause (Пауза), Stop (Остановка) и Javascript Function (Функция Javascript.). Многократные события могут быть назначены к единственному объекту. Чтобы добавить событие - щелкните Add. Затем выберите из раскрывающегося списка событие (.Event), действие (Action) и определите адресата (Target). События (Случаи) Список доступных событий включает: onblur - когда объект теряет входной центр. onchange - когда информационные наполнения объекта или выбора изменились. onblur - когда объект теряет входной центр. onchange - когда содержание объекта или выбора изменилось. onclick - когда пользователь щелкает левой кнопкой мыши по объекту. ondblclick - когда пользователь дважды щелкает объект. onfocus - когда объект получает центр. onkeydown - когда пользователь нажимает клавишу. onkeypress - когда пользователь нажимает алфавитно-цифровую клавишу. onkeyup - когда пользователь выпускает клавишу. onload - немедленно после браузера загружают объект или страницу. onmousedown - когда пользователь щелкает объектом с любой кнопкой мыши. onmousemove - когда пользователь перемещает мышь по объекту. onmouseout - когда пользователь перемещает указатель вне границ объекта. onmouseover - когда пользователь перемещает указатель в объект. onmouseup - когда пользователь выпускает кнопку мыши, в то время как мышь по объекту. onreset - когда пользователь сбрасывает форму. onscroll - когда пользователь повторно устанавливает бегунок в полосу прокрутки на объекте или странице. onselect - когда текущий выбор изменяется. onsubmit - когда ФОРМА собирается подвергнуться. onunload - немедленно перед объектом или страницей разгружены. Новые события HTML5: ondrag - когда элемент перетаскивают. ondragend - в конце операции перетаскивания. ondragenter - когда элемент перетащили правильному адресату снижения. ondragleave - когда элемент оставляет правильного адресата снижения. ondragover - когда элемент перетаскивают по правильному адресату снижения. ondragstart - в начале операции перетаскивания. ondrop - выполняются, когда перетащенный элемент понижается. onmousewheel - когда колесо мыши вращается. onscroll - когда полоса прокрутки элемента прокручивается. oncontextmenu - когда контекстное меню вызвано. onformchange - когда форма изменяется. onforminput - когда форма получает пользовательский ввод. oninput - когда элемент получает пользовательский ввод. oninvalid - выполняются, когда элемент недопустим. События страницы HTML5: onafterprint - после документа напечатаны. onbeforeprint - перед документом напечатаны. onbeforeonload - перед загрузками документа. onerror - когда ошибка происходит. onhaschange - когда документ изменился. onmessage - когда сообщение вызвано. onoffline - когда документ идет офлайн. ononline - когда документ прибывает онлайн. onpagehide - когда окно скрыто. onpageshow - когда окно становится видимым. onpopstate - Запускает изменения истории окна. onredo - когда документ выполняет восстанавливание. onresize - когда окно изменено. onstorage - когда документ загружается. onundo - когда документ выполняет отмену. События (Events) - Новая функция: добавлена цель «self». Когда вы выбираете это как цель, WWB будет автоматически использовать идентификатор текущего объекта. Это может быть полезно при копировании объекта, поэтому вам не нужно вручную редактировать события «self». - Новая функция: добавлены действия «включить» и «отключить». Это можно использовать для отключения / включения элементов формы (кнопка, флажок, переключатель, поле ввода, поле со списком, текстовое поле). Новое: События (Events) - Улучшено: использование отображения / скрытия с эффектом с лайтбоксом, диалоговым окном, модальным окном, всплывающим окном, панель будет автоматически использовать отображение / скрытие вместо этого, поскольку эти функции не поддерживают эффекты. - Улучшено: размер окна «События» (Events) теперь можно изменять. - Улучшено: в окне событий отображаются первые 25 символов JavaScript. Новое: События (Events) - новая функция: к кнопке «События» добавлен раскрывающийся список с новыми командами: «События объекта» (Object Events), «События страницы» (Page Events) и «Все события» (All Events). - События объекта, открывает диалоговое окно событий для выбранного в данный момент объекта (или страницы). - События страницы, открывает диалоговое окно событий для страницы. - Все события, открыть диалог событий со списком всех событий страницы и объектов. Это может быть полезно, если вы не помните, к каким объектам вы добавили события. Новое для События: добавлено действие «Установить значение». «Задать значение» в настоящее время поддерживает следующие объекты: поле редактирования, текстовая область, поле со списком, флажок, переключатель, переключатель, счетчик, счетчик, ползунок, диапазон, текст кнопки, текст заголовка, текст метки. Также добавлены другие собтия - Подробнее Новое для Events (События): Добавлены действия «Печать документа» и «Печать элемента». К событиям объекта добавлен параметр «ondocumentready». Раньше событие ondocumentready было доступно только через события страницы. Подробнее Действия Эти действия могут быть назначены на случай выше: Show - Показ - Покажите объекту как определено в Целевой области Hide - Скройте объект как определено в Целевой области Move - Переместите объект как определено в Целевую область, чтобы установить Левый, Вершина. Set Image - Установите изображение объекта 'Адресат' как определено в Имени файла Javascript Function - Выполните заказную функцию javascript (eg., предупреждение ('вводят Ваше сообщение') ;) Эти действия могут использоваться в комбинации с объектом Игрока СМИ Windows. Отметьте, что это не может быть поддержано на всем браузере, в зависимости от игрока СМИ значения по умолчанию. Play - Игра - Запустите файл WMP. Pause - Пауза - Сделайте паузу файл WMP. Stop - Остановиться - Остановите файл WMP. Следующие действия могут использоваться в комбинации с объектами Slide Show (Слайдами) и Карусель Удостоверьтесь, что Вы выбираете правильный объект демонстрации слайдов как адресат и установить интервал в 0! SlideShow Next - Отобразите следующее изображение слайдов или следующую рамку Карусели. SlideShow Next - Отобразите предыдущее изображение слайдов или предыдущую рамку Карусели SetStyle Действие SetStyle может использоваться, чтобы динамически установить новый стиль для объекта. Стиль должен быть создан в Style Manager - Менеджере Стиля. ShowWithEffects - Покажите объекту как определено в Целевой области, в то время как использование одного из крутых эффектов как исчезновение, скольжение, селективно блокирует, взрываться, снижение затяжки и т.д.... Дайте Вашему вебсайту удивительную 'сеть 2.0' эффекта, только несколькими щелчками мыши! HideWithEffects - Скройте объект как определено в Целевой области. Мультипликация Следующие свойства могут быть анимированы: Left - это анимирует объект к указанной горизонтальной позиции (в пикселях). Top - это анимирует объект к указанной вертикальной позиции (в пикселях). Width - это анимирует объект к указанной ширине (в пикселях). Height - это анимирует объект к указанной высоте (в пикселях). Opacity - это анимирует непрозрачность указанного объекта (в диапазоне между 0.0 - 1.0) Копия/вставка Кнопка copy/paste позволяет Вам копировать/вставлять события от или до другого объекта или страницы! Подсказка: События, которые не упомянуты выше, могут быть вставлены, используя заказные инструменты HTML. Важное примечание: Когда Вы осуществите случай для объекта, тогда это запишется поверх поведения значения по умолчанию для того случая. Так, если Вы осуществляете 'onclick' случай для представленной кнопки, тогда он больше не будет выполнять 'onsubmit' действие, потому что он предполагает, что Вы хотите осуществить действие самостоятельно. Если Вы все еще хотите допустить поведению значения по умолчанию для случая, тогда следуют за этими шагами: 1) Добавьте тот же самый случай снова и выберите action -> javascript function-действие-> javascript функция. 2) В области JavaScript введите: return true;-возвратите истину; Новая функция: действие, Добавлена анимация с помощью CSS3' ( "CSS3 Animate"). Это приведет к CSS3 анимация от Менеджера мультипликации. Таким образом, больше нет необходимости вручную создавать отдельный стиль, редактор сделает это автоматически Новая функция: Добавлены события 'onscrollreveal', 'onscrollhide' и 'onscrollrevealpartial' для большинства объектов. Ранее эти события были доступны только для объекта закладки (bookmark). Добавлена поддержка событий для ссылок в навигации объектов: BreadCrumb, CSS Menu, Mega Menu, Navigation Bar, Pagination, Panel Menu, Responsive Menu, Slide Menu, Tab Menu, Text Menu, jQuery ListView and jQuery Menu (см. Панели навигации). Новая функция: добавлены действия "Form Submit" ("Отправка формы") и "Form Reset" ("сброс формы") для событий. Эти действия можно использовать для отправки или сброса формы через события! Например, чтобы отправить форму с помощью кнопки, которая не является частью формы. - Новая функция: добавлена "ondocumentready" на страницу событий. Это событие будет вызвано, как только объектная модель документа страницы (DOM) будет готова для выполнения кода JavaScript. Это может быть полезно, например, для применения стиля к объекту. Прокрутка событий и переходов - Scroll Events and Transitions Новая функция: добавлена Disable scroll events on small screens - "отключить прокрутку событий на маленьких экранах" в Свойствах страницы. Эта опция добавляет возможность отключить прокрутку событий на маленьких экранах (например. в телефонах.) - Новая функция: добавлена Disable scroll transitions on small screens -"отключить переходы прокрутки на маленьких экранах" в Свойствах страницы. Эта опция добавляет возможность отключить переходы прокрутки на маленьких экранах (например, в телефонах) Minimum width ("Минимальная ширина") указывает ширину, при которой события/ переходы прокрутки будут отключены. - Новая функция: добавлена "Exclude browsers" ("исключить браузеры") в свойствах страницы. Эта опция добавляет возможность отключить события прокрутки и переходы в определенных браузерах (например, в iOS, Android). См. также (англ. язык)
• Обновлено: использование событий для создания прокручиваемого изображения со звуком.
• Использование событий для отображения всплывающей информации для определенного элемента. • Введение в таймеры. • Как отображать объекты при прокрутке с помощью событий закладок? Последнее обновление:
январь
2024 г.
|
||||||
|