Dreamweaver CS3 - Adobe

Een tip voor een tekstveld maken
DREAMWEAVER CS3
Handboek
Omdat er voor tekstvelden zoveel verschillende notaties zijn, is het handig om uw gebruikers een tip te geven met
betrekking tot de notatie die ze moeten invoeren. Een tekstveld dat is ingesteld met het validatietype Telefoonnummer
accepteert bijvoorbeeld alleen telefoonnummers in de vorm (000) 000-0000. U kunt deze voorbeeldnummers als een tip
instellen zodat in het tekstveld de juiste notatie wordt weergegeven wanneer een gebruiker de pagina in een browser laadt.
1 Selecteer een object tekstveld voor validatie in het documentvenster.
2 Ga naar de eigenschappencontrole (Venster > Eigenschappen) en voer een tip in het tekstvak Tip in.
Ongeldige tekens blokkeren
U kunt voorkomen dat gebruikers ongeldige tekens in een object tekstveld voor validatie invoeren. Als u deze optie
bijvoorbeeld inschakelt voor een object waarvoor het validatietype Geheel getal is ingesteld, verschijnt niets in het tekstveld
als de gebruiker een letter probeert te typen.
1 Selecteer een object tekstveld voor validatie in het documentvenster.
2 Ga naar de eigenschappencontrole (Venster > Eigenschappen) en selecteer de optie Patroon afdwingen.
Het object tekstveld voor validatie aanpassen
Hoewel u vanuit de eigenschappencontrole eenvoudige bewerkingen in een object tekstveld voor validatie kunt uitvoeren,
worden aangepaste opmaaktaken niet ondersteund. U kunt de CSS-regels voor het object tekstveld voor validatie wijzigen
en een object maken dat naar uw eigen smaak is opgemaakt. Voor een geavanceerdere lijst met opmaaktaken gaat u naar
www.adobe.com/go/learn_dw_sprytextfield_custom_nl.
Alle CSS-regels in de volgende onderwerpen verwijzen naar de standaardregels in het bestand SpryValidationTextField.css.
Wanneer u een Spry-object tekstveld voor validatie maakt, slaat Dreamweaver het bestand SpryValidationTextField.css op
in de map SpryAssets van uw site. Het is wellicht interessant om dit bestand te raadplegen omdat het nuttige informatie
bevat over de diverse stijlen die u op het object kunt toepassen.
Hoewel u de regels voor het object tekstveld voor validatie gemakkelijk rechtstreeks in het bijbehorende CSS-bestand kunt
bewerken, kunt u ook het paneel CSS-stijlen gebruiken om de CSS van het object te bewerken. Het paneel CSS-stijlen is
handig om de CSS-klassen te zoeken die aan de verschillende onderdelen van het object zijn toegewezen, met name als u de
modus Huidig van het paneel gebruikt.
Zie ook
“Het paneel CSS-stijlen in de modus Huidig” op pagina 121
Tekst opmaken van foutbericht voor object tekstveld voor validatie
Standaard worden foutberichten voor het object tekstveld voor validatie weergegeven in een kader met een rode rand van
1 pixel dik.
❖ Als u de tekstopmaak van de foutberichten voor een object tekstveld voor validatie wilt wijzigen, gebruikt u de volgende
tabel om de desbetreffende CSS-regel op te zoeken. Daarna verandert u de standaardeigenschappen of voegt u uw eigen
tekstopmaakeigenschappen en -waarden toe:
Te wijzigen tekst Relevante CSS-regel Relevante eigenschappen om te
wijzigen
Tekst van
foutbericht
.textfieldRequiredState .textfieldRequiredMsg,
.textfieldInvalidFormatState .textfieldInvalidFormatMsg,
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
kleur: #CC3333; rand: 1px solid
#CC3333;
445