Operation Manual
366
DREAMWEAVER GEBRUIKEN
JavaScript-gedrag toevoegen
Laatst bijgewerkt 2/5/2011
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.