Инструменты пользователя
help:qspider_interface
Различия
Здесь показаны различия между двумя версиями данной страницы.
| Both sides previous revision Предыдущая версия Следущая версия | Предыдущая версия | ||
|
help:qspider_interface [2024/03/13 10:28] aleks_versus |
help:qspider_interface [2024/10/14 13:37] (текущий) aleks_versus |
||
|---|---|---|---|
| Строка 4: | Строка 4: | ||
| Управление интерфейсом и HTML-разметкой из кода игры осуществляется с помощью [[help:qspider_inclib|встроенной в плеер библиотеки]] "''qspider''". Чтобы воспользоваться этой библиотекой, необходимо подключить её в начале игры, как обычный модуль QSP: | Управление интерфейсом и HTML-разметкой из кода игры осуществляется с помощью [[help:qspider_inclib|встроенной в плеер библиотеки]] "''qspider''". Чтобы воспользоваться этой библиотекой, необходимо подключить её в начале игры, как обычный модуль QSP: | ||
| + | |||
| <sxh qsp> | <sxh qsp> | ||
| inclib 'qspider' | inclib 'qspider' | ||
| Строка 9: | Строка 10: | ||
| В **qSpider** вы можете: | В **qSpider** вы можете: | ||
| + | |||
| * Создавать собственные [[help:qspider_themes|темы оформления]] и управлять ими. | * Создавать собственные [[help:qspider_themes|темы оформления]] и управлять ими. | ||
| * Взаимодействовать с HTML через [[help:qspider_spectags|специальные теги]]. | * Взаимодействовать с HTML через [[help:qspider_spectags|специальные теги]]. | ||
| - | * [[help:qspider_interface|Связывать элементы форм HTML]] со значениями переменных QSP. | + | * [[#Привязка%20элементов%20HTML-форм%20к%20QSP-переменными|Связывать элементы форм HTML]] со значениями переменных QSP. |
| - | * Вызывать код QSP по событию в браузере (плеере). | + | * [[#Вызов%20QSP-кода%20по%20событию%20в%20плеере|Вызывать код QSP по событию]] в браузере (плеере). |
| - | * Вызывать встроенную команду плеера при клике по HTML-элементу. | + | * [[#Вызов%20команд%20плеера|Вызывать встроенную команду плеера]] при клике по HTML-элементу. |
| ===== Привязка элементов HTML-форм к QSP-переменными ===== | ===== Привязка элементов HTML-форм к QSP-переменными ===== | ||
| - | В qSpider Элементы HTML-форм (''input'', ''select'', ''textarea'' и др.) можно связать с QSP-переменной. Для этого нужно использовать специальный атрибут ''qsp-bind''. | + | В **qSpider** Элементы HTML-форм (''%%input%%'', ''%%select%%'', ''%%textarea%%'' и др.) можно связать с QSP-переменной. Для этого нужно использовать специальный атрибут ''qsp-bind''. |
| Связь двунаправленая — изменение переменной обновит элемент и изменение элемента (ввод текста или выбор опции) записываются в переменную. | Связь двунаправленая — изменение переменной обновит элемент и изменение элемента (ввод текста или выбор опции) записываются в переменную. | ||
| Строка 29: | Строка 31: | ||
| <input type="checkbox" value="1" qsp-bind="enable"> | <input type="checkbox" value="1" qsp-bind="enable"> | ||
| <select qsp-bind="$car"> | <select qsp-bind="$car"> | ||
| - | <option value="mercedes">Mercedes</option> | + | <option value="mercedes">Mercedes</option> |
| - | <option value="audi">Audi</option> | + | <option value="audi">Audi</option> |
| </select> | </select> | ||
| </sxh> | </sxh> | ||
| Строка 41: | Строка 43: | ||
| Поддерживаются следующие атрибуты: | Поддерживаются следующие атрибуты: | ||
| + | |||
| * ''qsp-on:click'' — одинарный клик | * ''qsp-on:click'' — одинарный клик | ||
| * ''qsp-on:dblclick'' — двойной клик | * ''qsp-on:dblclick'' — двойной клик | ||
| Строка 62: | Строка 65: | ||
| <sxh html> | <sxh html> | ||
| - | <button qsp-action="resume">Resume</button> | + | <button qsp-command="resume">Resume</button> |
| </sxh> | </sxh> | ||
| Поддерживаются следующие команды плеера: | Поддерживаются следующие команды плеера: | ||
| - | * ''quit'' — выход из игры на полку игр | + | |
| - | * ''restart'' — перезапуск игры | + | * ''%%quit%%'' — выход из игры на полку игр |
| - | * ''resume'' — продолжить игру (закрытие меню паузы) | + | * ''%%restart%%'' — перезапуск игры |
| - | * ''mute'' — выключить звук | + | * ''%%resume%%'' — продолжить игру (закрытие меню паузы) |
| - | * ''unmute'' — включить звук | + | * ''%%mute%%'' — выключить звук |
| - | * ''quicksave'' — быстрое сохранение | + | * ''%%unmute%%'' — включить звук |
| - | * ''quickload'' — быстрая загрузка | + | * ''%%quicksave%%'' — быстрое сохранение |
| - | * ''pause:saves'' — открыть меню сохранения | + | * ''%%quickload%%'' — быстрая загрузка |
| - | * ''pause:preferences'' — открыть настройки | + | * ''%%pause:saves%%'' — открыть меню сохранения |
| - | * ''scroll:main:bottom'' и ''scroll:main:top'' — прокрутка окна основного описания | + | * ''%%pause:preferences%%'' — открыть настройки |
| - | * ''scroll:stats:bottom'' и ''scroll:stats:top'' — прокуртка окна доп описания | + | * ''%%scroll:main:bottom%%'' и ''%%scroll:main:top%%'' — прокрутка окна основного описания |
| + | * ''%%scroll:stats:bottom%%'' и ''%%scroll:stats:top%%'' — прокуртка окна доп описания | ||
| Эти команды можно вызывать и непосредственно из кода QSP, если подключить [[help:qspider_inclib|встроенную библиотеку]] ''qspider''. | Эти команды можно вызывать и непосредственно из кода QSP, если подключить [[help:qspider_inclib|встроенную библиотеку]] ''qspider''. | ||
| Пример вызова команд из кода QSP: | Пример вызова команд из кода QSP: | ||
| + | |||
| <sxh qsp> | <sxh qsp> | ||
| inclib 'qspider' | inclib 'qspider' | ||
| Строка 86: | Строка 91: | ||
| @qspider_open_pause_screen('saves') | @qspider_open_pause_screen('saves') | ||
| </sxh> | </sxh> | ||
| + | |||
| + | ===== Другие статьи по qSpider ===== | ||
| + | |||
| + | * [[help:qspider|qSpider — общая информация]] | ||
| + | * [[help:qspider_gamecfg|Конфигурационный файл]] | ||
| + | * [[help:qspider_aeroqsp|Особенности запуска и работы игр AeroQSP на qSpider]] | ||
| + | * [[help:qspider_themes|Темы оформления]] | ||
| + | * [[help:qspider_spectags|Специальные теги]] | ||
| + | * [[help:qspider_inclib|Встроенная библиотека]] | ||
| + | * [[help:qspider_standalone|Стандалон-сборка игры на qSpider]] | ||
| + | |||
help/qspider_interface.1710325722.txt.gz · Последние изменения: 2024/03/13 10:28 — aleks_versus