03.05.2013 Views

Dreamweaver CS3 - Adobe

Dreamweaver CS3 - Adobe

Dreamweaver CS3 - Adobe

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

JavaScript-gedrag aan HTML-formulierobjecten koppelen<br />

U kunt JavaScript-gedrag dat is opgeslagen in <strong>Dreamweaver</strong>, koppelen aan HTML-formulierobjecten, zoals knoppen.<br />

DREAMWEAVER <strong>CS3</strong><br />

Handboek<br />

Opmerking: Deze functie werkt niet met ASP.NET-formulierbesturingselementen omdat deze besturingselementen op de server<br />

worden verwerkt.<br />

1 Selecteer het HTML-formulierobject.<br />

2 Klik in het paneel Gedrag (Venster > Gedrag) op de plusknop (+) en selecteer een gedrag in de lijst.<br />

Aangepaste scripts aan HTML-formulierknoppen koppelen<br />

Sommige formulieren gebruiken JavaScript of VBScript om de verwerking van formulieren of andere acties op te client uit<br />

te voeren in plaats van de formuliergegevens voor verwerking naar de server te versturen. U kunt <strong>Dreamweaver</strong> gebruiken<br />

om een formulierknop te configureren om een specifiek scriptopdeclientuittevoerenwanneerdegebruikeropdeknop<br />

klikt.<br />

Opmerking: Deze functie werkt niet met ASP.NET-formulieren.<br />

1 Selecteer een verzendknop in een formulier.<br />

2 Klik in het paneel Gedrag (Venster > Gedrag) op de plusknop (+) en selecteer JavaScript aanroepen in de lijst.<br />

3 Voer in het vak JavaScript aanroepen de naam in van de JavaScript-functie die u wilt uitvoeren wanneer de gebruiker op<br />

de knop klikt, en klik op OK.<br />

U kunt bijvoorbeeld de naam invoeren van een functie die nog niet bestaat, zoals processMyForm().<br />

4 Als de JavaScript-functie nog niet in de hoofdsectie van het document bestaat, voegt u deze nu toe.<br />

U kunt bijvoorbeeld de volgende JavaScript-functie in de hoofdsectie van het document definiëren om een bericht weer te<br />

geven wanneer de gebruiker op de verzendknop klikt:<br />

function processMyForm(){<br />

alert('Thanks for your order!');<br />

}<br />

Zie ook<br />

“De Call JavaScript-gedrag toepassen” op pagina 336<br />

Toegankelijke HTML-formulieren maken<br />

Wanneer u een HTML-formulierobject invoegt, kunt u het formulierobject toegankelijk maken en de<br />

toegankelijkheidskenmerken later wijzigen.<br />

Een toegankelijk formulierobject toevoegen<br />

1 Wanneer u de eerste keer toegankelijke formulierobjecten toevoegt, activeert u het dialoogvenster Toegankelijkheid voor<br />

formulierobjecten (zie “De werkruimte optimaliseren voor visuele ontwikkeling” op pagina 512).<br />

Deze stap hoeft u maar één keer uit te voeren.<br />

2 Plaats de invoegpositie in het document op de plaats waar u het formulierobject wilt weergeven.<br />

3 Kies Invoegen > Formulier, en selecteer het formulierobject dat u wilt invoegen.<br />

Het dialoogvenster Toegankelijkheidskenmerken van de invoertag wordt geopend.<br />

4 Vul het dialoogvenster in en klik op OK. Dit is een lijst met een aantal opties:<br />

Opmerking: De schermlezer leest de naam die u invoert, als het kenmerk Label voor het object.<br />

ID Hiermee kent u een id toe aan het formulierveld. Deze waarde kan worden gebruikt om vanuit JavaScript naar het veld<br />

te verwijzen. De waarde wordt eveneens gebruikt als de waarde van het for-kenmerk als u onder de Stijl-opties de optie<br />

Labeltag koppelen met het kenmerk 'for' kiest.<br />

Terugloop met labeltag Hiermee plaatst u als volgt een labeltag rond het formulieritem:<br />

582

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!