- From: Benjamin Hawkes-Lewis <bhawkeslewis@googlemail.com>
- Date: Fri, 16 Mar 2012 00:06:33 +0000
- To: Alexander Shpack <shadowkin@gmail.com>
- Cc: Jerome Leclanche <adys.wh@gmail.com>, www-style <www-style@w3.org>
On Thu, Mar 15, 2012 at 10:37 PM, Alexander Shpack <shadowkin@gmail.com> wrote:
>> That's an interesting idea. I'd use text() rather than pattern() though.
>
> Pattern may contain not text only.
>
>>
>> A real world example could be a text preview of a form/email being sent...
>> something that needs its content to be updated live. Maybe one of those
>> "fill-a-word" forms.
>> This can all be done in easy and simple javascript though, so I don't
>> actually see much *use* for it, but I still think it's an excellent idea.
>>
>
> Another example: Error messages near invalid inputs or boxes.
>
> Basic HTML
>
> <label class="handleEmptyErr"> Login <input type="text"></label>
> <label class="handleEmptyErr"> Pass <input type="password"></label>
> <label class="handleEmptyErr handleMatchErr"> Pass again <input
> type="password"></label>
>
> Basic CSS
>
> .handleEmptyErr::after
> {
> content: pattern(emptyErrMsg);
> }
> .handleMatchErr::after
> {
> content: pattern(matchErrMsg);
> }
>
> When user sent this form via AJAH, in error case server should
> response just patterns
>
> <div style="display:none" id="response">
> <div id="emptyErrMsg"><span class="errMsg">This field is required</span></div>
> <div id="matchErrMsg"><span class="errMsg">Doesn't match</span></div>
> </div>
>
> And, if I need to clear error messages, I just remove #response container.
It is fundamental to the design of the web platform that CSS is just a
skinning/styling layer. CSS is not suitable as a DOM templating
language, as content should not be dependent on the styling layer. How
would users who (for accessibility reasons or otherwise) apply their
own stylesheets or their user agents default styles to your content,
rather than the styles you provided, read your error messages?
--
Benjamin Hawkes-Lewis
Received on Friday, 16 March 2012 00:07:22 UTC