[webaccessibile] Tabella con righe espandibili

[Chiara]

Ciao Diego,

grazie mille, ottima soluzione!
C'è solo un però... un particolare che non avevo bene specificato: gli
attributi facoltativi sono composti in pratica da due liste di oggetti...
Quindi la definition list degli attributi facoltativi dovrebbe contenere a
sua volta due liste... In alternativa potrei fare una definition list di
attributi obbligatori e più di una definition list per gli attributi
facoltativi...
Secondo te regge?

Ancora grazie,
Chiara


Il giorno 05 febbraio 2010 17.13, Diego La Monica <me a diegolamonica.info> ha
> scritto:
>  Ciao Chiara,
>  al volo mi verrebbe da dire:
>
> tabella semplice dove c'è una singola colonna attributi.
> All'interno ci sono due definition list (dl) con attributi obbligatori
> (<dt>Obbligatori</dt>) e attributi facoltativi (<dt>Facoltativi</dt>)
> ciascun attributo è una definizione ( <dd /> ) delle rispettive liste di
> definizione (<dl />).
>
> Tramite Javascript puoi esporre una forma compatta della seconda lista e
> mostrarla al click del mouse o con regola CSS :hover espandi la definition
> list (senza uso quindi di script) ad eccezione di IE6 e IE7 che
> rispettivamente non supportano per nulla o in modo incompleto la
> pseudoclasse menzionata.
>
> Con tale soluzione:
>
>    1. Il valore semantico della tabella è rispettato
>    2. Tramite la tecnica Javascript di progressive enhanchement mantieni
>    compatibilità con i vecchi browser
>    3. O lo fai comunque tramite CSS (senza Javascript) e fregandotene di
>    IE (applichi una regola specifica per questo browser).
>    4. Ne beneficia il server che non deve rispondere ad eccessive
>    richieste.
>    5. Varie ed eventuali! :-)
>
>  *Diego La Monica*
> *Software – Web 2.0 – Standards – Accessibilità*
>
> IWA/HWG Member *#0279702*
> Membro del Consiglio Direttivo di IWA Italy
> Coordinatore Tecnico IWA Italy
> Responsabile delle mailinglist di IWA Italy
> Membro del gruppo W3C PFWG per conto di IWA/HWG
>
> IWA/HWG: *http://www.iwanet.org*
> IWA Italy: *http://www.iwa.it*
> Personal: *http://diegolamonica.info*
> Personal: *http://www.jastegg.it** – Javascript Toolkit*
>
> Phone: *+39 3337235382*
> Email: *me a diegolamonica.info*
> Skype: *diego.la.monica*
>
>
-------------- parte successiva --------------
Un allegato HTML è stato rimosso...
URL: http://itlists.org/pipermail/webaccessibile/attachments/20100208/836190c9/attachment.htm