Интерактивные элементы в заданиях [wiki.qeng.org]

Эта страница только для чтения. Вы можете посмотреть её исходный текст, но не можете его изменить. Сообщите администратору, если считаете, что это неправильно.
{{indexmenu_n>10}}
====== Интерактивные элементы в заданиях ======

===== Информация зависящая от игрока/команды =====

Автоматически заменяет указанный текст на значение на сервере.

  * !username! - логин игрока
  * !teamname! - название команды
  * !game_id! - id игры
  * !task_id! - id задания
  * !task_n! - номер задания
  * !bonus! - сумма собранных бонусов
  * !task_bonus! - сумма бонусов на текущем задании

[[https://qeng.org/game.php?jump_to&gid=3493&task_id=42717|Пример в игре]]


===== Отображение суммарного бонуса в штурмовой игре =====
Описано на [[authors_main:author_basic:level_styling#отображение_суммарного_бонуса_в_штурмовой_игре|странице стилизации уровней]]

===== Кнопка - при нажатии вбивается код =====

Надо переключить редактирование задания в режим исходника (Source).

<code JavaScript>
<button type="button" class="btn btn-default btn-block shadow" onclick="enter('Код который надо вбить')">Вбить код</button>
<button type="button" class="btn btn-default btn-block shadow" onclick="enter_silent('Код который надо вбить')">Вбить код без отображения результата</button>
<button type="button" class="btn btn-default btn-block shadow confirm" onclick="enter('Код который надо вбить')">Вбить код с подтверждением</button>
<button type="button" class="btn btn-default btn-block shadow confirm" onclick="enter_silent('Код который надо вбить')">Вбить код с подтверждением и без отображения результата</button>
</code>

[[https://qeng.org/game.php?jump_to&gid=3493&task_id=42718|Пример в игре]]

===== Замена элементов в задании на элементы из бонусов, кодов, подсказок =====

Надо переключить редактирование задания в режим исходника (Source).

<code JavaScript>
<span class='replacer' data-find='чем заменять'>Любой текст до замены</span>
</code>

или

<code JavaScript>
<div class='replacer' data-find='чем заменять'>Любой текст до замены</div>
</code>

"Любой текст до замены" - если хотите, то может быть пустой. 
Ну, или любой текст, в том числе, и с картинками
"чем заменять" может быть чем-то из этого:

  * Элемент ненумерованного списка
  * Содержимое бонуса, например 3-го: ''#b3 .bonus-hint''
  * Задание бонуса, например 2-го: ''#b3 .bonus-description''
  * Правильно вбитый код, например, 4ый: ''#c4 .right-answer''
  * Текст подсказки или штрафной подсказки, например, 2-ой: ''#hb2''

В итоге должно выглядеть, например:

<html>
<span class='replacer' data-find='#c4 .right-answer'></span>
</html>

Важный момент - между номером кода/бонуса и ''.'' должен быть пробел.

''#c4.right-answer'' - неправильно

''#c4 .right-answer'' - правильно

[[https://qeng.org/game.php?jump_to&gid=3493&task_id=52024|Пример в игре]]

[[https://qeng.org/game.php?jump_to&gid=3493&task_id=52022|Другой пример в игре]]

===== Скрипты в заданиях и бонусах =====
Примеры можно посмотреть тут: [[authors_main:author_advanced:author_scripts:author_scripts_examples|Типичные скрипты]]