JavaScript-gedrag gebruiken (algemene instructies)

Met gedrag van Adobe Dreamweaver 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 deelvenster 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.

Events zijn in feite berichten die door browsers worden gegenereerd en die aangeven dat een bezoeker van je pagina iets heeft gedaan.Wanneer een bezoeker bijvoorbeeld de aanwijzer over een koppeling beweegt, genereert de browser een onMouseOver-event voor die koppeling; de browser controleert vervolgens of er JavaScript-code (gespecificeerd in de pagina die wordt bekeken) moet worden aangeroepen als reactie. Verschillende events zijn gedefinieerd voor verschillende pagina-elementen; in de meeste browsers zijn onMouseOver en onClick bijvoorbeeld events die zijn gekoppeld aan koppelingen, terwijl onLoad een event is dat is gekoppeld aan afbeeldingen en aan het hoofdtekst-gedeelte 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 stoppen van een Adobe Shockwave-film.De acties die worden geleverd met Dreamweaver bieden maximale compatibiliteit tussen browsers.

Nadat je een gedrag aan een pagina-element hebt gekoppeld, roept het gedrag de actie (JavaScript-code) aan die is gekoppeld aan een event wanneer dat event optreedt voor dat element. (De events die je kunt gebruiken om een bepaalde actie te activeren, variëren van browser tot browser.) Als je bijvoorbeeld de actie Popup-bericht aan een koppeling koppelt en specificeert dat deze wordt geactiveerd door de onMouseOver-gebeurtenis, verschijnt je bericht telkens wanneer iemand de aanwijzer over die koppeling plaatst.

Een enkel event kan verschillende acties activeren en je kunt de volgorde specificeren waarin die acties plaatsvinden.

Dreamweaver biedt ongeveer twee dozijn acties; aditionele acties zijn te vinden op de Exchange-website op www.adobe.com/go/dreamweaver_exchange en op sites van ontwikkelaars van derden. Je kunt je eigen acties schrijven als je bedreven bent in JavaScript.

Overzicht van het deelvenster Gedrag

Je gebruikt het deelvenster Gedragingen (Venster > Gedragingen) om gedragingen aan pagina-elementen (meer specifiek aan tags) te koppelen en om parameters van eerder gekoppelde gedragingen te wijzigen.

Gedragingen die al zijn gekoppeld aan het momenteel geselecteerde pagina-element verschijnen in de lijst met gedragingen (het hoofdgedeelte van het deelvenster), alfabetisch gerangschikt per gebeurtenis.Als verschillende acties worden vermeld voor dezelfde gebeurtenis, worden ze uitgevoerd in de volgorde waarin ze op de lijst staan.Als er geen gedragingen verschijnen in de gedragenlijst, zijn er geen gedragingen gekoppeld aan het momenteel geselecteerde element.

In het deelvenster Gedrag kunt u de volgende opties selecteren:

Toont alleen de gebeurtenissen die zijn gekoppeld aan het huidige document.Gebeurtenissen zijn onderverdeeld in client-kant- en server-kantcategorieën. De gebeurtenissen in beide categorieën bevinden zich in een uitvouwbare lijst. Set Events tonen is de standaardweergave.

Hiermee geeft u een alfabetisch gerangschikte lijst van alle gebeurtenissen voor een bepaalde categorie weer.

Toont een menu van acties die kunnen worden gekoppeld aan het momenteel geselecteerde element. Wanneer u een actie uit deze lijst selecteert, verschijnt er een dialoogvenster waarin u parameters voor de actie kunt opgeven.Als alle acties zijn uitgeschakeld, kunnen er geen gebeurtenissen worden gegenereerd door het geselecteerde element.

Hiermee verwijdert u de geselecteerde gebeurtenis en actie uit de lijst met gedragingen.

Verplaats de geselecteerde actie omhoog of omlaag in de gedragslijst voor een bepaalde gebeurtenis.Je kunt de volgorde van acties alleen wijzigen voor een bepaalde gebeurtenis—je kunt bijvoorbeeld de volgorde wijzigen waarin verschillende acties plaatsvinden voor de onLoad-gebeurtenis, maar alle onLoad-acties blijven samen in de gedragslijst.De pijlknoppen zijn uitgeschakeld voor acties die niet omhoog of omlaag in de lijst kunnen worden verplaatst.

Hiermee geeft u een pop‑upmenu weer dat alleen zichtbaar is wanneer er een gebeurtenis is geselecteerd en dat alle gebeurtenissen bevat die de actie kunnen activeren (dit menu verschijnt wanneer u op de pijlknop naast de naam van de geselecteerde gebeurtenis klikt). Welke gebeurtenissen worden weergegeven, hangt af van het object dat is geselecteerd. Als er andere gebeurtenissen worden weergegeven dan u had verwacht, moet u controleren of u wel het juiste pagina-element of de juiste tag hebt geselecteerd. (Als u een specifieke tag wilt selecteren, moet u de tagkiezer gebruiken, die zich in de linkerbenedenhoek van het documentvenster bevindt.)

Over gebeurtenissen

Elke browser biedt een set gebeurtenissen die je kunt koppelen aan de acties in het menu Acties (+) van het deelvenster Gedrag.Wanneer een bezoeker van je webpagina interactie heeft met de pagina—bijvoorbeeld door op een afbeelding te klikken—genereert de browser gebeurtenissen; deze gebeurtenissen kunnen worden gebruikt om JavaScript-functies aan te roepen die een actie uitvoeren.Dreamweaver biedt veel voorkomende acties die je met deze gebeurtenissen kunt activeren.

Voor namen en beschrijvingen van de gebeurtenissen die elke browser biedt, zie het Dreamweaver Support Center op www.adobe.com/go/dreamweaver_support.

Verschillende gebeurtenissen verschijnen in het menu Gebeurtenissen afhankelijk van het geselecteerde object.Om erachter te komen welke gebeurtenissen een bepaalde browser ondersteunt voor een bepaald pagina-element, voeg je het pagina-element in je document in en koppel je een gedrag eraan, bekijk dan het menu Gebeurtenissen in het paneel Gedrag. (Standaard worden gebeurtenissen uit de HTML 4.01-gebeurtenissenlijst gehaald en worden ze ondersteund door de meeste moderne browsers.) Gebeurtenissen kunnen uitgeschakeld (grijs weergegeven) zijn als de relevante objecten nog niet op de pagina bestaan of als het geselecteerde object geen gebeurtenissen kan ontvangen. Als de verwachte gebeurtenissen niet verschijnen, zorg er dan voor dat het juiste object is geselecteerd.

Als je een gedrag aan een afbeelding koppelt, verschijnen sommige gebeurtenissen (zoals onMouseOver) tussen haakjes. Deze gebeurtenissen zijn alleen beschikbaar voor koppelingen. Wanneer je een van deze selecteert, plaatst Dreamweaver een <a>-tag rondom de afbeelding om een lege koppeling te definiëren. De lege koppeling wordt weergegeven door javascript:; in het vak Koppeling van de Property inspector. Je kunt de koppelingswaarde wijzigen als je er een echte koppeling naar een andere pagina van wilt maken, maar als je de JavaScript-koppeling verwijdert zonder deze te vervangen door een andere koppeling, verwijder je het gedrag.

Om te zien welke tags je met een bepaalde gebeurtenis in een bepaalde browser kunt gebruiken, zoek naar de gebeurtenis in een van de bestanden in de map Dreamweaver/Configuration/Behaviors/Events.

Een gedrag toepassen

Je kunt gedragingen koppelen aan het hele document (dat wil zeggen, aan de <body>-tag) of aan koppelingen, afbeeldingen, formulierelementen en verschillende andere HTML-elementen.

De doelbrowser die je selecteert bepaalt welke gebeurtenissen worden ondersteund voor een bepaald element.

Je kunt meer dan één actie voor elke gebeurtenis specificeren. Acties vinden plaats in de volgorde waarin ze worden vermeld in de kolom Acties van het deelvenster Gedrag, maar je kunt die volgorde wijzigen.

Gedrag wijzigen of verwijderen

Nadat je een gedrag hebt toegevoegd, kun je de gebeurtenis wijzigen die de actie activeert, acties toevoegen of verwijderen, en parameters voor acties wijzigen.

Een gedrag bijwerken

Gedrag van derden downloaden en installeren

Veel browserextensies zijn beschikbaar op de Exchange voor Dreamweaver website (www.adobe.com/go/dreamweaver_exchange).

Voor meer informatie zie Extensies toevoegen en beheren in Dreamweaver.