Hoi Leon,
Ad 1
Ja, inderdaad, ook in IE7 komt het groen niet door, en ook de weer recht gezette tekst in de uitklapper blijft cursief; het
(vul in) daarentegen, bij uitgezet javascript, is wel uitgegrijsd (bij andere browsers ook groen):
Firefox pakt zowel het groen als het rechtop staan in de lijst:
Maar Chrome (en ook Opera en Safari) pakt wel het groen, maar niet het rechtop staan:
Dit zijn de browserverschillen bij de opmaak van <form>'s zijn waar ik het eerder over had, en daar zal weinig aan te doen zijn. Maar het belangrijkste lijkt me dat ze allemaal het blanco van het javascript oppakken, en de ingevulde landen cursief in de vakjes weergeven. Op die manier is goed duidelijk wat men heeft ingevuld en wat nog niet.
============
Ad 2
Oeps, die had ik moeten testen!
Bij de
confirm hoort ook een
return: die zorgt dat de return van de confirm wordt uitgevoerd, en niet wat de button als return-opdracht geeft:
HTML:
...
... onclick="return confirm('Wilt u echt alle ingevulde uitslagen wissen?');"
- Heb ik inmiddels hersteld op de testpagina: tests/keuzelijst-nw.htm.
- Overigens zou je de hele "Alles Wissen" knop ook kunnen weglaten: die zal weinig/nooit gebruikt worden en geeft alleen maar aanleiding tot verwarring (of mag je twee of meer keer inzenden?).
========
Ad printversie
Ja, je kan onder de gewone stylesheet-aanroep een print-stylesheetje zetten:
HTML:
...
<link rel="stylesheet" type="text/css" href="stylesheets/general.css">
<link rel="stylesheet" type="text/css" media="print" href="stylesheets/printstyles.css">
In het print-sheet zet je dan alleen de {display:none} 's voor wat niet op papier hoeft te komen. Die overrulen dan wat er in het eerdere algemene stylesheet staat, en dan ben je vlug klaar.
=====
En last but not least:
- Ik zie er een Dreamweaver-javascript "MM_validateForm()" in zitten. Dat kan best voor een client-side eerste controle op correct invullen, maar is niet waterdicht.
- Voor een safe controle zal het afhandelend mailform.php ook nog de nodige checks moeten uitvoeren.
Al was het maar om de server niet te laten opblazen door hack-beluste "kwaadwillenden".
Met vriendelijke groet,
CSShunter
_____________
PS: het printversie-gebeuren kan met een @media-regel ook direct in het gewone stylesheet, als het er niet zoveel zijn:
Code:
...
@media print {
body, #content ( width: 100%; background: white; color: black }
#header { background-image: url(images/klein-zwartwit-logo.png) }
#leftcolumn { display: none }
}
Images die je wel wilt laten meeprinten, kan je het beste in de html als voorgrond-images zetten, dan komen ze ook door bij mensen die standaard het weergeven van backgrounds op hun printer hebben uitgezet om van inkt druipende achtergronden te vermijden.