Dreamweaver CS3 - Adobe

Hoofdstuk 12: JavaScript-gedrag
toevoegen
U kunt het ingebouwde gedrag gebruiken om het uiterlijk, de functionaliteit en de uitstraling van uw website te verbeteren.
U kunt dit gedrag aan elementen op uw webpagina's koppelen zonder dat u iets hoeft te weten van JavaScript.
JavaScript-gedrag gebruiken
Over JavaScript-gedrag
Met gedrag van Adobe® Dreamweaver® CS3 plaatst u JavaScript-code in documenten die bezoekers in staat stelt een
webpagina op diverse manieren te wijzigen of bepaalde taken te starten. Met gedrag wordt een combinatie aangeduid van
een gebeurtenis en een actie die door die gebeurtenis wordt geactiveerd. In het paneel Gedrag kunt u een gedrag aan een
pagina toevoegen door een actie op te geven en vervolgens de gebeurtenis op te geven die de desbetreffende actie moet
activeren.
Opmerking: De code van een gedrag is JavaScript-code aan de client-kant. Dit houdt in dat de code in browsers en niet op
servers wordt uitgevoerd.
Gebeurtenissen zijn in feite berichten die worden gegenereerd door browsers en die aangeven dat een bezoeker van uw
webpagina een handeling heeft uitgevoerd op de pagina. Als een bezoeker bijvoorbeeld de muisaanwijzer over een
koppeling beweegt, genereert de browser een gebeurtenis onMouseOver voor deze koppeling. Vervolgens controleert de
browser of er bepaalde JavaScript-code (die is opgegeven op de pagina die wordt bekeken) moet worden aangeroepen in
reactie op de gebeurtenis. Voor de verschillende pagina-elementen worden verschillende gebeurtenissen gedefinieerd. Zo
zijn onMouseOver en onClick in de meeste browsers gebeurtenissen die aan koppelingen zijn gekoppeld, terwijl onLoad een
gebeurtenis is die is gekoppeld aan afbeeldingen en aan de hoofdsectie van het document.
Een actie is vooraf geschreven JavaScript-code voor het uitvoeren van een taak, zoals het openen van een browservenster,
het tonen of verbergen van een AP-element, het afspelen van een geluid of het stopzetten van een Adobe Shockwavefilmpje.
De acties die bij Dreamweaver worden geleverd, zijn compatibel met vrijwel alle browsers.
Nadat u een gedrag aan een pagina-element hebt gekoppeld, roept dat gedrag telkens de actie (JavaScript-code) aan die aan
een gebeurtenis is gekoppeld, op het moment dat die gebeurtenis voor dat element plaatsvindt. (De gebeurtenissen die u
kunt gebruiken om een bepaalde actie te activeren, verschillen van browser tot browser.) Als u bijvoorbeeld de actie Popup
Message koppelt aan een koppeling en opgeeft dat deze actie moet worden geactiveerd door de gebeurtenis onMouseOver,
wordt het bericht weergegeven wanneer iemand de aanwijzer boven de koppeling houdt.
Eén gebeurtenis kan meerdere verschillende acties activeren en u kunt opgeven in welke volgorde deze acties moeten
plaatsvinden.
Bij Dreamweaver worden ongeveer twee dozijn acties geleverd. Extra acties vindt u op de Exchange-website op
www.adobe.com/go/dreamweaver_exchange_nl en ook op websites voor ontwikkelaars van derden. U kunt ook uw eigen
acties schrijven als u ervaring hebt in het werken met JavaScript.
Opmerking: De termen gedrag en actie zijn Dreamweaver-termen en geen HTML-termen. Vanuit de browser gezien verschilt
een actie in geen enkel opzicht van andere stukjes JavaScript-code.
Overzicht van het paneel Gedrag
U kunt het paneel Gedrag (Venster > Gedrag) gebruiken om gedrag aan pagina-elementen (of om precies te zijn aan tags)
te koppelen en om parameters van gedrag dat u al eerder hebt gekoppeld, te wijzigen.
332