Партнерка на США и Канаду по недвижимости, выплаты в крипто
- 30% recurring commission
- Выплаты в USDT
- Вывод каждую неделю
- Комиссия до 5 лет за каждого referral
randomObjects="[true|false]"
checkMode="[once|after]"
allowMultiple="[false|true]"
regPoint="[mouse|center|left_top|x;y]"
speed="15"
depthDelta="500"
/>
8.14.10 Действия, применимые к шаблону «Relations»
Действие | Описание | Параметры |
previousSet | Показать предыдущий набор таскаемых объектов на своих стартовых позициях (нерасставленные объекты текущего набора скрываются) | - |
nextSet | Показать следущий набор таскаемых объектов на своих стартовых позициях (нерасставленные объекты текущего набора скрываются) | - |
previousObject | Показать предыдущий таскаемый объект из набора на стартовой позиции (объекты уже находящиеся на стартовых позициях сдвигаются на следующую стартовую позицию, если таковая имеется, иначе – скрываются) | - |
nextObject | Показать следующий таскаемый объект из набора на стартовой позиции (объекты уже находящиеся на стартовых позициях сдвигаются на предыдущую стартовую позицию, если таковая имеется, иначе – скрываются) | - |
moveToTrash | Переместить таскаемый объект с определенным id в корзину (для этого корзина должна быть задана в шаблоне), после чего этот объект становится недоступен для перетаскивания | id таскаемого объекта |
moveNotPlacedToTrash | Переместить все нерасставленные таскаемые объекты в корзину (для этого корзина должна быть задана в шаблоне), после чего эти объекты становятся недоступны для перетаскивания | - |
hideNotPlaced | Скрыть все нерасставленные таскаемые объекты | - |
8.14.11 Пример
Заданы 2 целевые зоны (в данном примере в качестве медиа-объектов используются зоны (стандартные объекты, в которых задаются координаты и размеры объектов, но визуально ничего не отображается), но могли быть и любые другие медиа-объекты) и 3 таскаемых объекта (один выбирается из элемента choice, кроме того, один люъект без целевой зоны). Когда все объекты поставлены правильно, объект без целевой зоны плавно переместится со стартовой позиции в корзину (координаты 1500, 800). Таскаемые объекты располагаются на стартовых позициях в произвольном порядке, а объекты-цели (в данном случае просто зоны) на своих позициях (в заданном порядке).
Пример:
<relations id="drag" visible="true">
<param randomTargets="false"/>
<trashbox x="1500" y="800"/>
<actions>
<action event="onAllObjectsPlacedRight"> moveNotPlacedToTrash</action>
</actions>
<zone id="trg1" visible="true">
<param x="41" y="146">
<target>
<objects>01:1</objects>
</target>
</param>
<area>[0,0,100,100]</area>
</zone>
<zone id="trg2" visible="true">
<param x="126" y="146">
<target>
<objects>02:1</objects>
</target>
</param>
<area>[0,0,100,100]</area>
</zone>
<image id="01">
<param x="460" y="40" src="\DATA\components\data\dragging\1\a_01_01.png"/>
</image>
<image id="102">
<param x="600" y="40" src="\DATA\components\data\dragging\1\a_01_02.png"/>
</image>
<choice id="choice1">
<param x="600" y="460"/>
<image id="02">
<param src="\DATA\components\data\dragging\405.png"/>
</image>
<image id="02">
<param src="\DATA\components\data\dragging\405_2.png"/>
</image>
</choice>
</relations>
8.15 Шаблон «Перестановка» (Replacement)
Шаблон позволяет сопоставлять методом перетаскивания различные медиа-объекты (за исключением кнопок и звуковых медиа-объектов) с целями (также медиа-объектами или группами объектов).
Возможности:
· перетаскивание медиа-объектов;
· назначение различных реакций на правильное и неправильное размещение объекта в целевых зонах: ввод и вывод объекта за пределы зоны, расстановку всех объектов в зоны (правильную, неправильную )
· каждый перетаскиваемый объект может иметь одну или несколько целевых зон;
· перетаскиваемый объект может не иметь целевой зоны вовсе (объект, не имеющий соответствия – объект обманка);
· добавление в набор таскаемых элементов одного из нескольких заданных объектов (элемент choice);
· Зоны (цели) задаются в виде таблицы: кол-во строк, кол-во столбцов, высота и ширина отдельной ячейки, расстояние между ячейками по вертикали и по горизонтали; либо каждая зона (цель) задается свободным образом; либо сочетание этих способов;
· проверка правильности расстановки сразу (непосредственно после установки объекта) или по кнопке (при этом существует возможность многократно переставлять объекты между целями до проверки);
· каждая цель может быть подсвечена, если во время таскания объект попадает в её зону;
· При перемещении пользователем объекта в цель (зону), в которой уже расположен, подлежащий замене объект, – замещающий и замещаемый объекты меняются местами;
· задание точки регистрации таскаемого объекта, по которой будет проверяться его местонахождение (курсор мыши, левый верхний угол объекта, центр объекта, конкретные координаты на таскаемом объекте относительно его левого верхнего угла).
·
Элемент имеет следующую общую структуру
<replacement id="" visible="">
<param randomObjects="[true|false]" checkMode="[once|after]" allowMultiple="[false|true]" regPoint="[mouse|center|left_top|x;y]" speed="" depthDelta="" align="[left|center|right|top|bottom]">
<resultOf type="{см. раздел: «Тип подсчета результатов».}">
</param>
<actions>
<action event="onAllObjectsPlaced">...</...>
onAllObjectsPlacedRight
onAllObjectsPlacedWrong
onPlacedRight
onPlacedWrong
onEnterTarget
onLeaveTarget
onComplete
</actions>
[
<choice id="">
<{Медиа-объект} id="">|
|<{Медиа-объект} id="">]
<param x="" y="" quantity="[1|2|3..]"/>
<actions>
<action event="onPlacedRight">...</...>
onPlacedWrong
onEnterTarget
onLeaveTarget
</actions>
[</Медиа-объект}>...|
|</Медиа-объект}>...
</choice>...
]
<tableofzone>
<param x="" y="" cellheight="" cellwidth="" colcount="" rowcount="" xspace="" yspace="">
[{Медиа-объект}|<addobject>]
</tableofzone>
<[{Медиа-объект}|group] id="" visible="">
<param>
<target capacity="all/1/7...">
<objects>{ID}:[exclusive|1..]</objects>
<activemark type="[border|image]" src="" bordercolor="" bordersize="" bgcolor="" x="" y="" width="" height="" depth=""/>
<layout order="[horizontal|vertical|released]" align="[left|top|center|right|bottom]" startX="" startY="" offsetX="" offsetY=""/>
</target>
</param>
</[{Медиа-объект}|group]>...
</replacement>
Атрибуты:
id | Необязательный атрибут. Задаёт идентификатор объекта. Необходим, если нужно выполнять некоторые действия в отношении данного объекта. |
visible | Необязательный атрибут. Задаёт видимость объекта на экране. Значение по умолчанию: false (объект не виден на экране). В дальнейшем видимость объекта может быть изменена с помощью действий (actions): showObject, hideObject и т. д. |
Элемент <replacement><param>
Определяет настройки шаблона
Общая структура
<param
randomObjects="[true|false]"
checkMode="[once|after]"
allowMultiple="[false|true]"
regPoint="[mouse|center|left_top|x;y]"
speed="15"
depthDelta="500"
/>
Атрибуты
randomObjects | Необязательный атрибут. Задает случайный либо фиксированный порядок при выводе таскаемых объектов на экран. Значение по умолчанию: true (произвольный порядок). Возможные значения:
|
allowMultiple | Необязательный атрибут. Устанавливает возможность повторного выполнения задания при проверке после выполнения (после щелчка по кнопке «Проверить»). Значение по умолчанию: false (возможность повторного выполнения задания исключена). Возможные значения:
|
regPoint | Необязательный атрибут. Определяет значение относительных координат контрольной точки на перетаскиваемом объекте, абсолютные значения координат которой, сравниваются со значениями координат выбранной цели. Значение по умолчанию: mouse – контрольная точка соответствует координатам указателя (курсора) в момент установки таскаемого объекта в область выбранной цели. Возможные значения:
Пример:<param regPoint="100;100" .../>
|
checkMode | Необязательный атрибут. Определяет момент проверки выполнения задания (сразу после установки каждого объекта или после щелчка по кнопке «Проверить»). Значение по умолчанию: once – правильность установки объекта будет проверяться непосредственно в момент попытки поставить объект в цель. Возможные значения:
|
speed | Необязательный атрибут. Задает скорость перемещения таскаемых объектов при попытке неправильной расстановки или в любом другом случае за исключением перетаскивания их мышью. Значение по умолчанию: 15 – скорость перемещения объектов 15 пикселов в секунду. |
Элемент <replacement><choice>{Таскаемый объект}
Таскаемый объект – это любой медиа-объект, пригодный для перетаскивания (т. е. не кнопка и не «аудио» объект), находящийся внутри шаблона Replacement и не являющийся целевой зоной (т. е. не содержащий тэг <target> внутри элемента <param>). Координаты такого объекта являются координатами одной из стартовых позиций, т. е. при случайной расстановке таскаемых объектов на стартовых позициях эти координаты перемешиваются между таскаемыми объектами.
Кроме того, несколько таскаемых объектов могут быть объединены в элементе choice. В этом случае при загрузке шага с данным шаблоном случайным образом будет выбран только один таскаемый объект из каждого набора choice, а остальные – будут отброшены.
Общая структура
[<choice id="">
<{Медиа-объект} id="">|
|<{Медиа-объект} id="">]
<param x="" y=""
<actions>
<action event="onPlacedRight">...</...>
onPlacedWrong
onEnterTarget
onLeaveTarget
</actions>
[</Медиа-объект}>...|
|</Медиа-объект}>...
</choice>]
Атрибуты элементы <param>{Таскаемого объекта} (или <choice> для атрибутов 'x' и 'y')
x | Обязательный атрибут. Координата стартовой позиции для таскаемого объекта (при случайной расстановке – возможно для другого таскаемого объекта) по горизонтальной оси в пикселях относительно всего шаблона Replacement. Важно: Сначала анализируются координаты таскаемых объектов, заданных явно, а потом просматриваются координаты наборов <choice>. Значение по умолчанию: 0. |
y | Обязательный атрибут. Координата стартовой позиции для таскаемого объекта (при случайной расстановке – возможно для другого таскаемого объекта) по вертикальной оси в пикселях относительно всего шаблона Replacement. Важно: Сначала анализируются координаты таскаемых объектов, заданных явно, а потом просматриваются координаты наборов <choice>. Значение по умолчанию: 0. |
Элемент <replacement><tableofzone>
Таблица целевых зон для таскаемых объектов. Присутствие тэга <target> внути элемента <param> определяет данный медиа-объект качестве одной целевой зоны.
Общая структура
<tableofzone> id="" visible="">
<param x="" y="" cellheight="" cellwidth="" colcount="" rowcount="" xspace="" yspace=""/>
<[{Медиа-объект}|addobject] id="" objects="">
</tableofzone>
Атрибуты элементы <param><tableofzone>
x, y | Обязательный атрибут. Координата стартовой позиции для таблицы зон |
cellheight cellwidth | Обязательный атрибут. Высота и ширина каждой отдельной ячейки (зоны). |
colcount rowcount | Обязательный атрибут. Количество столбцов и строчек, каждая ячейка которых – зона. |
xspace yspace | Обязательный атрибут. Промежутки по х и по у между ячейками. |
Элемент <replacement><tableofzone><addobject>
В случае, если задано меньше зон, чем произведение количества столбцов на кол-во строк в таблице зон, автоматически создаются пустые зоны. Чтобы присвоить им id объектов, которые могут в них встать, используется элемент <addobject> .
Общая структура
<addobject id="" objects="">
Элемент <replacement>{Объект-цель}<target>
Определяет медиа-объект либо группу объектов, в элементе <param> которого, он находится в качестве одной целевой зоны.
Общая структура
<target>
<objects.../>
<activemark.../>
<layout.../>
</target>
Элемент <replacement>{Объект-цель}<target><objects>
Определяет список таскаемых объектов, которые должны (или могут) быть устанволены в эту цель. В проверяемую цель может быть поставлен любой таскаемый объект, но те объекты, которых нет в списке <objects>, будут считаться ошибочно поставленными.
Общая структура
<objects>
{ID таскаемого объекта}:[exclusive|1..];
{ID таскаемого объекта}:[exclusive|1..]
</objects>
Элементы
{ID таскаемого объекта} | Задает id правильного для этой зцелевой зоны таскаемого объекта |
[exclusive|1..] | Задает количество экземпляров данного таскаемого объекта, которые должны (ил могут) быть поставлены в эту цель. Значение exclusive означает, что данный таскаемый объект может быть поставлен либо в эту цель либо в другую (или одну из других), для которой таскаемый элемент задан аналогичным образом, но не в оба (не во все) сразу. |
Элемент <replacement>{Объект-цель}<target><activemark>
Определяет параметры подсветки цели. Цель может иметь один подсвечивающий объект – либо рамку, либо изображение, отображаемое, если таскаемый объект попадает в данную цель.
Общая структура
<activemark
type="[border|image]"
src="/DATA/components/images/border. png"
bordercolor="#FFFFFF"
bordersize="1"
bgcolor="#FFFFFF"
x="0"
y="0"
width=""
height=""
depth="0"
/>
Атрибуты
type | Необязательный атрибут. Тип подсветки. Значение по умолчанию: border – прямоугольная рамка. Возможные значения:
|
x | Необязательный атрибут. Координата по горизонтальной оси в пикселях относительно родительского контейнера. Значение по умолчанию: 0. |
y | Необязательный атрибут. Координата по вертикальной оси в пикселях относительно родительского контейнера. Значение по умолчанию: 0. |
width | Необязательный атрибут. Ширина прямоугольной рамки (в случае если type="border") на экране. Если не задана, то высчитывается автоматически. Значение по умолчанию: 0. |
height | Необязательный атрибут. Высота прямоугольной рамки (в случае если type="border") на экране. Если не задана, то высчитывается автоматически. Значение по умолчанию: 0. |
depth | Необязательный атрибут. Глубина относительно родительского контейнера. Значение по умолчанию: 0. |
src | Обязательный атрибут для типа подсветки image. Путь к файлу изображения (в случае если type="image"), выступающего в роли подсветки |
borderColor | Обязательный атрибут для типа подсветки border. Цвет рамки (в случае если type="border") Значение по умолчанию: нет. Возможные значения: Шестнадцатеричные значения цвета от #000000 (черный) до #FFFFFF (белый) или конкретное назание цвета (red – красный…). Примечание: Значение цвета может задаваться в одном из двух видов: #RRGGBB – в шестнадцатеричной системе в формате RGB, прозрачность при этом не учитывается #AARRGGBB – в шестнадцатеричном формате ARGB, при этом существует возможность указать полупрозрачный цвет рамки (две первые цифры задают прозрачность от 00 (полностью прозрачная рамка) до FF) |
borderSize | Толщина рамки (в случае если type="border") Значение по умолчанию: 0 |
Элемент <replacement>{Объект-цель}<target><layout>
Задаёт место расположения установленных в цель объектов.
Общая структура
<layout
order="[vertical|horizontal|released]"
align="[left|top|center|right|bottom]"
startX="0"
startY="0"
offsetX="0"
offsetY="0"
/>
Атрибуты
order | Необязательный атрибут. Задает порядок расположения установленных в цель объектов. Значение по умолчанию: vertical – поставленные в цель объекты выстраиваются вертикально один под другим (с соответствующим смещением). Возможные значения:
|
align | Необязательный атрибут. Задает выравнивание установленных в цель объектов друг относительно друга (в случае, если не установлен порядок расположения установленных объектов released). Значение по умолчанию: [left|top] – поставленные в цель объекты выравниваются по левому краю (при вертикальной расстановке) либо по верхнему краю (при горизонтальной расстановке) с соответствующим смещением. Возможные значения:
|
startX | Необязательный атрибут. Координата, в которую ставится первый установленный в цель объект, по горизонтальной оси в пикселях относительно родительского контейнера в случае, если не установлен порядок расположения установленных объектов released. Значение по умолчанию: 0. |
startY | Необязательный атрибут. Координата, в которую ставится первый установленный в цель объект, по вертикальной оси в пикселях относительно родительского контейнера, если не установлен порядок расположения установленных объектов released. Значение по умолчанию: 0. |
offsetX | Необязательный атрибут. Смещение по горизонтальной оси в пикселях относительно предыдущего установленного объекта в случае, если не установлен порядок расположения установленных объектов released. Если задан горизонтальный порядок расположения установленных в цель объектов, то это смещение относительно правого края предыдущего установленного объекта. Значение по умолчанию: 0. |
offsetY | Необязательный атрибут. Смещение по вертикальной оси в пикселях относительно предыдущего установленного объекта в случае, если не установлен порядок расположения установленных объектов released. Если задан вертикальный порядок расположения установленных в цель объектов, то это смещение относительно нижнего края предыдущего установленного объекта. Значение по умолчанию: 0. |
События, порождаемые шаблоном «Replacement»
Событие | Описание | Параметры |
onEnterTarget | возникает при введении таскаемого объекта в целевую зону (может задаваться как для всего шаблона, так и для конкретного таскаемого объекта либо целевой зоны) | - |
onLeaveTarget | возникает при выведении таскаемого объекта из целевой зоны (может задаваться как для всего шаблона, так и для конкретного таскаемого объекта либо целевой зоны) | - |
onPlacedRight | возникает при правильной постановке таскаемого объекта (может задаваться как для всего шаблона, так и для конкретного таскаемого объекта либо целевой зоны) | - |
onPlacedWrong | возникает при постановке таскаемого объекта в неправильную целевую зону (может задаваться как для всего шаблона, так и для конкретного таскаемого объекта либо целевой зоны) | - |
onAllObjectsPlaced | возникает при расстановке всех таскаемых объектов в целевые зоны (задается для всего шаблона) | - |
onComplete | Возникает при недоступности всех объектов (если таскаемые объекты не видимы - visible, недоступны –disabled, заморожены –frozen) | |
onAllObjectsPlacedWrong | возникает при расстановке с ошибками всех таскаемых объектов с заданными целевыми зонами (задается для всего шаблона) | - |
onAllObjectsPlacedRight | возникает при правильной расстановке всех таскаемых объектов в целевые зоны за исключением таскаемых объектов без целевых зон (задается для всего шаблона) | - |
onResultComplete | возникает при правильной расстановке всех таскаемых объектов в целевые зоны за исключением таскаемых объектов без целевых зон (задается для всего шаблона) | - |
onResultComplete | возникает при правильной расстановке всех таскаемых объектов в целевые зоны за исключением таскаемых объектов без целевых зон (задается для всего шаблона) | - |
onResultBelow | возникает, если после установки таскаемого объекта в цель (правильной либо неправильной) при проверке сразу либо срабатывании события проверить (checkObject) текущий результат (по заданному алгоритму подсчтета результатов) будет меньше указанного параметра (задается для всего шаблона) | результат, с которым сравнивается текущее значение |
onResultAbove | возникает, если после установки таскаемого объекта в цель (правильной либо неправильной) при проверке сразу либо срабатывании события проверить (checkObject) текущий результат (по заданному алгоритму подсчтета результатов) будет больше указанного параметра (задается для всего шаблона) | результат, с которым сравнивается текущее значение |
onResultBetween | возникает, если после установки таскаемого объекта в цель (правильной либо неправильной) при проверке сразу либо срабатывании события проверить (checkObject) текущий результат (по заданному алгоритму подсчтета результатов) будет между указанными параметрами (задается для всего шаблона) | min;max интервал, с которым сравнивается текущий результат |
Общая структура
<param
|
Из за большого объема этот материал размещен на нескольких страницах:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |



