Estensioni specifiche dei Wap CSS
- Access key → questa categoria contiene una sola proprietà WCSS: wap-access-key. Essa viene usata per specificare un tasto di scelta rapida per un elemento di una pagina XHTML MP.
- Input → le proprietà di questa categoria indicano se un campo di testo può essere lasciato vuoto, quale tipo di carattere può accettare e quanti caratteri possono essere introdotti nel campo di testo stesso.
- Marquee → la proprietà WCSS nella categoria "marquee" è utilizzata per scorrere alcuni contenuti attraverso lo schermo. Per esempio, se si deve mostrare a video una riga di testo più lunga della larghezza ello schermo, si potrebbe ricorrere a tale proprietà per generare un effetto di scorrimento, invece di mostrare il testo su più righe.
Estensione WCSS Access Key
Specificare scorciatoie da tastiera per gli elementi XHTML MP
La proprietà, -wap-access-key, è usata per associare un tasto di scelta rapida ad un elemento XHTML MP. I valori accettati sono: "*, #, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9". Il suo valore di default è none e la si può assegnare a tutti gli elementi. Non è ereditata.
Questa proprietà è particolarmente utile come scorciatoia per attivare un form di controllo o un link, ma può anche essere utilizzata come una scorciatoia per scorrere qualsiasi altro elemento nel browser.
Fornisce agli utenti un suggerimento visivo per gli elementi con scorciatoie sui principali collegamenti. Ad esempio, se si dispone di un elenco di collegamenti peer la navigazione principale, lo si potrebbe presentare come un elenco ordinato. Premendo un tasto, al quale è stato associata una accesskey per un link, è come se avessimo premuto sullo schermo il link stesso.
Se in un documento XHTML MP ci sono più elementi <a>, <input>, <label> o <textarea> ai quali è associato l'attributo accesskey e si viene a creare un conflitto nel foglio di stile, ha la precedenza il foglio di stile principale. Per esempio, se abbiamo un codice tipo:
si assegna il simbolo (*) come scorciatoia per gli elementi input che hanno la classe "invia".
Il title del pulsante contiene il simbolo "*" tra parentesi quale suggerimento visivo; indica che "*" è la scorciatoia da tastiera.
Estensione WCSS per il tag input
L'estensione per il tag input consiste di due proprietà WCSS: -wap-input-format e -wap-input-required
Se si conosce lo sviluppo di applicazioni WML per il web, si saprà come l'elemento input contiene l'attributo format ed emptyok. L'attributo format stabilisce il tipo ed il numero di caratteri che possono essere immessi in un campo di testo; l'attributo emptyok stabilisce quando un campo di testo può rimanere vuoto.
In XHTML MP questi due attributi non sono contemplati per il tag <input> e la loro funzione corrispondente è stata inclusa nei WAP CSS. Vediamo di cosa si tratta.
-wap-input-format
Imposta una maschera di input per l'inserimento di testo in un modulo. E' possibile specificare i seguenti valori per l'attributo -wap-input-format:
| Tag | Descrizione |
|---|---|
| A | Qualsiasi simbolo o carattere alfabetico maiuscolo (esclusi i numeri) |
| a | Qualsiasi simbolo o carattere alfabetico minuscolo (esclusi i numeri) |
| N | Qualsiasi carattere numerico (esclusi simboli o caratteri alfabetici) |
| X | Qualsiasi carattere come un simbolo, numerico o alfabetico maiuscolo (non modificabile a minuscolo) |
| x | Qualsiasi carattere come un simbolo, numerico o alfabetico minuscolo (non modificabile a maiuscolo) |
| M | Qualsiasi carattere come un simbolo, numerico o alfabetico maiuscolo (modificabile a minuscolo) → per più caratteri di input il cui primo carattere di default è maiuscolo |
| m | Qualsiasi carattere come un simbolo, numerico o alfabetico minuscolo (modificabile a maiuscolo) → per più caratteri di input il cui primo carattere di default è minuscolo |
Per limitare il numero di caratteri che gli utenti possono scrivere, è possibile indicare un numero prima del tag. Ad esempio, "3X" consente all'utente di immettere un massimo di tre caratteri come un simbolo, numerico o maiuscolo.
Per permettere agli utenti di inserire un numero illimitato di caratteri, anteporre un "*" al tag. Per esempio, se scrivessimo "*a", permetteremmo all'utente di inserire un numero qualsiasi di caratteri simbolici o alfabetici minuscoli.
-wap-input-required
Richiede ad un utente di inserire del testo, selezionare un pulsante o selezionare una voce da un menu a tendina in un modulo. I possibili valori sono: true | false.
Alcuni dispositivi mobili di generazione precedente all'attuale, non supportano le proprietà -wap-input-format e -wap-input-required bensì l'attributo emptyok quale estensione dell'XHTML MP. Se si vuole una compatibilità maggiore dei documenti prodotti nei browser per dispositivi mobili, si dovrebbero includere le due proprietà nello stesso elemento. Per esempio:
Estensione WCSS Marquee
La proprietà della estensione WCSS marquee consente lo scorrimento di alcuni contenuti attraverso lo schermo di un dispositivo mobile. Il contenuto può essere una linea di testo, un'immagine, un link ecc... Questa funzione è molto utile per la visualizzazione di una riga di testo, o un'immagine, che è più grande dello schermo.
L'estensione WCSS marquee contiene quattro proprietà ed un valore. Una panoramica delle sue funzioni è riportata di seguito:
- proprietà -wap-marquee → viene utilizzata per la visualizzazione. Un elemento XHTML MP al quale è applicato la dichiarazione di stile WCSS -wap-marquee scorre in orizzontale sullo schermo di dispositivo mobile;
- proprietà -wap-marquee-dir → per indicare la direzione dell'animazione;
- proprietà -wap-marquee-loop → indica il numero di volte che una animazione deve essere ripetuta;
- proprietà -wap-marquee-speed → indica la velocità dell'animazione;
- proprietà -wap-marquee-style → indica come l'animazione deve apparire a video. Sono disponibili tre possibilità:
- scroll
- slide
- alternate
Ho potuto notare che nel sito di Opera, in cui è presente il simulatore, molte di queste proprietà on sono supportate, motivo per cui non sono stati indicati url alle pagine di esempio.
| Succ. > |
|---|
