Operation Manual
Naar boven
een bestemming waarnaar de bezoeker het AP-element moet slepen, of de bestemming magnetisch moet zijn en het AP-element moet
aantrekken als dat zich binnen een straal van een bepaald aantal pixels ten opzichte van deze bestemming bevindt, wat er moet gebeuren als het
AP-element zijn bestemming raakt en meer.
Omdat het gedrag AP-element slepen moet worden aangeroepen voordat de bezoeker het AP-element kan slepen, moet u het gedrag AP-element
slepen aan het body-object koppelen (met de gebeurtenisonLoad).
1. Selecteer Invoegen > Lay-outobjecten > AP Div of klik op de knop AP Div tekenen in het paneel Invoegen om een AP Div in
de ontwerpweergave van het documentvenster te tekenen.
2. Klik op de <body>-tag in de tagkiezer in de linkerbenedenhoek van het documentvenster.
3. Selecteer AP-element slepen in het menu Gedrag toevoegen van het paneel Gedrag.
Als AP-element slepen niet beschikbaar is, hebt u waarschijnlijk een AP-element geselecteerd.
4. Selecteer AP-element in het pop-upmenu AP-element.
5. Selecteer Beperkt of Onbeperkt in het pop-upmenu Verplaatsing.
Onbeperkte verplaatsing is geschikt voor puzzels en andere spelletjes waarbij items moeten worden gesleept en neergezet.
Voor schuifregelaars en beweegbare decorstukken, zoals laden van kasten, gordijnen en lamellen kunt u het beste voor
beperkte verplaatsing kiezen.
6. Voor beperkte verplaatsing kunt u waarden (in pixels) invoeren in de vakken Omhoog, Omlaag, Links en Rechts.
Dit zijn relatieve waarden ten opzichte van de beginpositie van het AP-element. Als u de beweging wilt beperken tot een
rechthoekig gebied, voert u in alle vier de tekstvakken positieve waarden in. Als u alleen een verticale beweging wilt toestaan,
voert u in de vakken Omhoog en Omlaag positieve waarden in en voert u in de vakken Links en Rechts de waarde 0 in. Als u
alleen een horizontale beweging wilt toestaan, voert u in de vakken Links en Rechts positieve waarden in en voert u in de
vakken Omhoog en Omlaag de waarde 0 in.
7. Voer in de vakken Links en Boven de waarden (in pixels) in voor de neerzetbestemming.
De neerzetbestemming is de plaats waar de bezoeker het AP-element naartoe moet slepen. Een AP-element heeft de
neerzetbestemming bereikt wanneer de coördinaten voor de linkerkant en de bovenkant van het element overeenkomen met
de waarden die u in de vakken Links en Boven hebt ingevoerd. Dit zijn relatieve waarden ten opzichte van de linkerbovenhoek
van het browservenster. Klik op Huidige positie ophalen om in de tekstvakken automatisch de huidige positie van het AP-
element in te vullen.
8. Voer in het vak 'Magnetisch indien binnen' een waarde in (in pixels) om te bepalen hoe dicht bij de neerzetbestemming de
bezoeker moet komen voordat de bestemming magnetisch wordt en het AP-element automatisch naar de bestemming wordt
getrokken.
Als u hier een hogere waarde invoert, kan de bezoeker de neerzetbestemming gemakkelijker vinden.
9. Voor makkelijke puzzels en de eenvoudige manipulatie van decorstukken hebt u hier genoeg aan. Als u echter sleepgrepen
voor het AP-element wilt definiëren, de beweging van het AP-element wilt bijhouden terwijl het wordt gesleept en een actie
wilt activeren wanneer het AP-element wordt neergezet, klikt u op de tab Geavanceerd.
10. Als u wilt opgeven dat de bezoeker op een bepaald gebied van het AP-element moet klikken om het element te slepen,
selecteert u in het menu Sleepgreep de optie Gebied in het AP-element. Vervolgens voert u de coördinaten in voor de
bovenkant en de linkerkant en de breedte en hoogte van de sleepgreep.
Deze optie is handig als de afbeelding binnen het AP-element een element bevat dat verwijst naar de mogelijkheid om te
slepen, zoals een titelbalk of een handvat van een lade. Stel deze optie niet in als u wilt dat de bezoeker op een willekeurige
plek in het AP-element mag klikken om het te slepen.
11. Selecteer de gewenste optie voor Tijdens het slepen:
Selecteer Breng het element naar voren als het AP-element in de stapelvolgorde op de voorgrond moet worden geplaatst
terwijl het wordt gesleept. Als u deze optie selecteert, kunt u het pop-upmenu gebruiken om op te geven of het AP-
element op de voorgrond moet blijven of naar de oorspronkelijke positie in de stapelvolgorde moet terugkeren nadat het is
gesleept.
Voer JavaScript-code of een functienaam (bijvoorbeeld monitorAPelement()) in het vak JavaScript aanroepen in als u de
code of functie herhaaldelijk wilt uitvoeren terwijl het AP-element wordt gesleept. U kunt bijvoorbeeld een functie schrijven
die de coördinaten van het AP-element in de gaten houdt en in een tekstvak aanwijzingen weergeeft, zoals “je wordt al
warmer” of “het doel bevindt zich heel ergens anders”.
12. Voer JavaScript-code of een functienaam (bijvoorbeeld evaluateAPelementPos()) in het tweede vak JavaScript aanroepen in
als u de code of functie wilt uitvoeren wanneer het AP-element wordt neergezet. Selecteer Alleen bij bereiken van
bestemming als de JavaScript-code alleen moet worden uitgevoerd als het AP-element de neerzetbestemming heeft bereikt.
13. Klik op OK en controleer of de standaardgebeurtenis juist is.
Informatie verzamelen over het versleepbare AP-element
532