Operation Manual

360
Laatst bijgewerkt 2/5/2011
Hoofdstuk 12: JavaScript-gedrag
toevoegen
JavaScript-gedrag gebruiken
Over JavaScript-gedrag
Met gedrag van Adobe® Dreamweaver® CS5 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. Wanneer een bezoeker bijvoorbeeld de aanwijzer op een
koppeling plaatst, genereert de browser een
onMouseOver-gebeurtenis voor die koppeling. De browser controleert
vervolgens of er als antwoord bepaalde JavaScript-code moet worden aangeroepen (aangegeven op de pagina die
wordt weergegeven). 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 Shockwave-filmpje. 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 Pop-upbericht toevoegt aan een koppeling en opgeeft dat deze wordt geactiveerd door de
onMouseOver-gebeurtenis, wordt uw bericht weergegeven wanneer iemand de aanwijzer op die koppeling plaatst.
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.