618543

Adobe Dreamweaver CS6 Handleiding

657
Verklein
Vergroot
Pagina terug
1/694
Pagina verder
To the top
Unconstrained movement is appropriate for puzzles and other drag-and-drop games. For slider controls and moveable
scenery such as file drawers, curtains, and mini-blinds, select constrained movement.
6. For constrained movement, enter values (in pixels) in the Up, Down, Left, and Right boxes.
Values are relative to the starting position of the AP element. To constrain movement within a rectangular region, enter
positive values in all four boxes. To allow only vertical movement, enter positive values for Up and Down and 0 for Left and
Right. To allow only horizontal movement, enter positive values for Left and Right and 0 for Up and Down.
7. Enter values (in pixels) for the drop target in the Left and Top boxes.
The drop target is the spot to which you want the visitor to drag the AP element. An AP element is considered to have
reached the drop target when its left and top coordinates match the values you enter in the Left and Top boxes. Values are
relative to the top left corner of the browser window. Click Get Current Position to automatically fill the text boxes with the
current position of the AP element.
8. Enter a value (in pixels) in the Snap If Within box to determine how close the visitor must get to the drop target before the AP
element snaps to the target.
Larger values make it easier for the visitor to find the drop target.
9. For simple puzzles and scenery manipulation, you can stop here. To define the drag handle for the AP element, track the
movement of the AP element while it is being dragged, and trigger an action when the AP element is dropped, click the
Advanced tab.
10. To specify that the visitor must click a particular area of the AP element to drag the AP element, select Area within element
from the Drag Handle menu; then enter the left and top coordinates and the width and height of the drag handle.
This option is useful when the image inside the AP element contains an element that suggests dragging, such as a title bar or
drawer handle. Do not set this option if you want the visitor to be able to click anywhere in the AP element to drag it.
11. Select any While Dragging options that you want to use:
Select Bring Element To Front if the AP element should move to the front of the stacking order while it is being dragged. If
you select this option, use the pop-up menu to select whether to leave the AP element in front or restore it to its original
position in the stacking order.
Enter JavaScript code or a function name (for example, monitorAPelement()) in the Call JavaScript box to repeatedly
execute the code or function while the AP element is being dragged. For example, you could write a function that monitors
the coordinates of the AP element and displays hints such as “you’re getting warmer” or “you’re nowhere near the drop
target” in a text box.
12. Enter JavaScript code or a function name (for example, evaluateAPelementPos()) in the second Call JavaScript box to
execute the code or function when the AP element is dropped. Select Only If Snapped if the JavaScript should be executed
only if the AP element has reached the drop target.
13. Click OK and verify that the default event is correct.
Gathering information about the draggable AP element
When you attach the Drag AP element behavior to an object, Dreamweaver inserts the MM_dragLayer() function into the head section of your
document. (The function retains the old naming convention for AP elements [that is, “Layer”] so that layers created in previous versions of
Dreamweaver will remain editable.) In addition to registering the AP element as draggable, this function defines three properties for each
draggable AP element—MM_LEFTRIGHT, MM_UPDOWN, and MM_SNAPPED—that you can use in your own JavaScript functions to determine
the relative horizontal position of the AP element, the relative vertical position of the AP element, and whether the AP element has reached the
drop target.
Note: The information provided here is intended for experienced JavaScript programmers only.
For example, the following function displays the value of the MM_UPDOWN property (the current vertical position of the AP element) in a form field
called curPosField. (Form fields are useful for displaying continuously updated information because they are dynamic—that is, you can change
their contents after the page has finished loading.)
function getPos(layerId){
var layerRef = document.getElementById(layerId);
var curVertPos = layerRef.MM_UPDOWN;
document.tracking.curPosField.value = curVertPos;
}
Instead of displaying the values of MM_UPDOWN or MM_LEFTRIGHT in a form field, you could use those values in a variety of other ways. For
example, you could write a function that displays a message in the form field depending on how close the value is to the drop zone, or you could
call another function to show or hide an AP element depending on the value.
It is especially useful to read the MM_SNAPPED property when you have several AP elements on the page, all of which must reach their targets
before the visitor can advance to the next page or task. For example, you could write a function to count how many AP elements have an
650
… 657 …

Hulp nodig? Stel uw vraag in het forum

Spelregels
1

Forum

Adobe-Dreamweaver-CS6

Zoeken resetten

  • Ik gebruik Adobe Dreamweaver CS6 onder windows 7. Werkt fantastisch maar de optie Spry die daarin zit wordt niet meer ondersteund door Android.
    Ik maak menu's maar gebruik de optie Spry dus niet meer, wel ben ik benieuwd als ik over ga naar windows 10 of de versie DW CS6 nog wel zal functioneren?
    Wie heeft daar ervaring mee? Gesteld op 11-5-2017 om 07:31

    Reageer op deze vraag Misbruik melden

Misbruik melden

Gebruikershandleiding.com neemt misbruik van zijn services uitermate serieus. U kunt hieronder aangeven waarom deze vraag ongepast is. Wij controleren de vraag en zonodig wordt deze verwijderd.

Product:

Bijvoorbeeld antisemitische inhoud, racistische inhoud, of materiaal dat gewelddadige fysieke handelingen tot gevolg kan hebben.

Bijvoorbeeld een creditcardnummer, een persoonlijk identificatienummer, of een geheim adres. E-mailadressen en volledige namen worden niet als privégegevens beschouwd.

Spelregels forum

Om tot zinvolle vragen te komen hanteren wij de volgende spelregels:

Belangrijk! Als er een antwoord wordt gegeven op uw vraag, dan is het voor de gever van het antwoord nuttig om te weten als u er wel (of niet) mee geholpen bent! Wij vragen u dus ook te reageren op een antwoord.

Belangrijk! Antwoorden worden ook per e-mail naar abonnees gestuurd. Laat uw emailadres achter op deze site, zodat u op de hoogte blijft. U krijgt dan ook andere vragen en antwoorden te zien.

Abonneren

Abonneer u voor het ontvangen van emails voor uw Adobe Dreamweaver CS6 bij:


U ontvangt een email met instructies om u voor één of beide opties in te schrijven.


Ontvang uw handleiding per email

Vul uw emailadres in en ontvang de handleiding van Adobe Dreamweaver CS6 in de taal/talen: Engels als bijlage per email.

De handleiding is 6,14 mb groot.

 

U ontvangt de handleiding per email binnen enkele minuten. Als u geen email heeft ontvangen, dan heeft u waarschijnlijk een verkeerd emailadres ingevuld of is uw mailbox te vol. Daarnaast kan het zijn dat uw internetprovider een maximum heeft aan de grootte per email. Omdat hier een handleiding wordt meegestuurd, kan het voorkomen dat de email groter is dan toegestaan bij uw provider.

Stel vragen via chat aan uw handleiding

Stel uw vraag over deze PDF

loading

Uw handleiding is per email verstuurd. Controleer uw email

Als u niet binnen een kwartier uw email met handleiding ontvangen heeft, kan het zijn dat u een verkeerd emailadres heeft ingevuld of dat uw emailprovider een maximum grootte per email heeft ingesteld die kleiner is dan de grootte van de handleiding.

Er is een email naar u verstuurd om uw inschrijving definitief te maken.

Controleer uw email en volg de aanwijzingen op om uw inschrijving definitief te maken

U heeft geen emailadres opgegeven

Als u de handleiding per email wilt ontvangen, vul dan een geldig emailadres in.

Uw vraag is op deze pagina toegevoegd

Wilt u een email ontvangen bij een antwoord en/of nieuwe vragen? Vul dan hier uw emailadres in.



Info