JQuery : Utilizzo di jquery per siti mobile
Inviato da admin il 15/6/2012 9:14:25 ( 608 letture )
JQuery

Si è visto che jquery ormai è utilizzato ovunque, sia su siti desktop che mobile, e le novità che possiamo apportare, oltre al codice sorgente, sono la personalizzazione attraverso i temi. Anche JQuery Mobile ha un set di temi personalizzabili da poter costruire direttamente sul sito.

Un particolare molto accattivante è stato quello di utilizzare i controlli dei form in modo che possano essere modificati, in base al colore che si vuole, cambiando il colore stesso dal tipo di risultato che si vuole ottenere.

Ad esempio il checkbox per i form non ha più il quadratino con la spunta, ma due pulsanti di colore diverso, on/off oppure yes/no.

Vedi immagine:
Clicca per vedere l'Immagine originale in un nuova finestra.


In una lista invece, abbiamo sì i soliti controlli radio e checkbox con il cerchietto ed il quadratino, ma i colori dei contorni, sono personalizzabili.

Vedi immagine:
Clicca per vedere l'Immagine originale in un nuova finestra.


I selectbox non sono più a cascata ma, utilizzano per i risultati, un popup tipo lightbox

Vedi immagini:
Clicca per vedere l'Immagine originale in un nuova finestra.


Clicca per vedere l'Immagine originale in un nuova finestra.


I bottoni sono personalizzabili con le molteplici icone che si possono inserire sulla sinistra perima del nome.

Vedi immagine:
Clicca per vedere l'Immagine originale in un nuova finestra.


Infine altri controlli come textbox, counterbox e slidebox

Vedi immagine:
Clicca per vedere l'Immagine originale in un nuova finestra.


Per poter personalizzare un tema, esiste uno strumento apposito che si chiama themeroller per poter creare direttamente online il tema desiderato in base ai colore che vogliamo, e poi scaricarlo, modificarlo in seguito con lo strumento upgrade.

Rango: 0.00 (0 voti) - Vota questa notizia -

Tags: xoops   jquery   themes   mobile   radio   checkbox   site   textbox   counterbox   slidebox  
Articolo Precedente Articolo Successivo Pagina stampabile Invia questa notizia a un amico Crea un PDF dall


Altri Articoli
1/5/2013 16:23:14 - Più di un sito con lo stesso database
29/4/2013 11:21:59 - XOOPS 2.5.6 Relasciata Versione Finale
26/4/2013 8:57:23 - Xoops ed il pagerank di google



Inserisci questo articolo come segnalibro