03.05.2013 Views

Dreamweaver CS3 - Adobe

Dreamweaver CS3 - Adobe

Dreamweaver CS3 - Adobe

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

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

Handboek<br />

De achtergrondkleur wijzigen van het object tekstveld voor validatie<br />

❖ Als u de achtergrondkleuren van het object tekstveld voor validatie in de diverse toestanden wilt wijzigen, gebruikt u de<br />

volgende tabel om de desbetreffende CSS-regel op te zoeken, en verandert u de standaardwaarden voor de<br />

achtergrondkleur:<br />

Te wijzigen kleur Relevante CSS-regel Relevante eigenschap om te<br />

wijzigen<br />

Achtergrondkleur van<br />

object in toestand Geldig<br />

Achtergrondkleur van<br />

object in toestand<br />

Ongeldig<br />

Achtergrondkleur van<br />

object bij focus<br />

Werken met het object tekstgebied voor validatie<br />

Over het tekstgebied voor validatie<br />

Een Spry-object tekstgebied voor validatie is een tekstgebied dat alleen geldige of ongeldige toestanden weergeeft wanneer<br />

de gebruiker enkele regels tekst invoert. Als het tekstgebied een verplicht veld is en de gebruiker geen tekst invoert,<br />

retourneert het object het bericht dat een waarde verplicht.<br />

In het volgende voorbeeld ziet u de diverse toestanden van een object tekstgebied voor validatie:<br />

B<br />

C<br />

D<br />

.textfieldValidState input, input.textfieldValidState background-color: #B8F5B1;<br />

input.textfieldRequiredState, .textfieldRequiredState<br />

input, input.textfieldInvalidFormatState,<br />

.textfieldInvalidFormatState input,<br />

input.textfieldMinValueState, .textfieldMinValueState<br />

input, input.textfieldMaxValueState,<br />

.textfieldMaxValueState input,<br />

input.textfieldMinCharsState, .textfieldMinCharsState<br />

input, input.textfieldMaxCharsState,<br />

.textfieldMaxCharsState input<br />

background-color: #FF9F9F;<br />

.textfieldFocusState input, input.textfieldFocusState background-color: #FFFFCC;<br />

A<br />

E<br />

A. Teller Resterende tekens B. Object tekstveld in focus, toestand Maximum aantal tekens C. Object tekstveld in focus, geldige toestand<br />

D. Object tekstgebied, toestand Vereist E. Teller Ingevoerde tekens<br />

Het object tekstgebied voor validatie kent een aantal toestanden (bijvoorbeeld geldig, ongeldig, verplichte waarde<br />

enzovoort). Al naargelang de gewenste validatieresultaten kunt u de eigenschappen van deze toestanden wijzigen met de<br />

eigenschappencontrole. Een object tekstgebied voor validatie kan op verschillende momenten valideren, bijvoorbeeld op<br />

het moment dat de gebruiker buiten het object klikt, tijdens het invoeren van de informatie of wanneer de bezoeker het<br />

formulier probeert te verzenden.<br />

Status bij openen De toestand van het object wanneer de pagina in de browser wordt geladen of wanneer de gebruiker het<br />

formulier opnieuw instelt.<br />

446

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

Saved successfully!

Ooh no, something went wrong!