Uniform JS: look uniforme per form crossbrowser

25 Novembre 2011 Javascript
ATTENZIONE! Il post ha più di 2 anni e le informazioni contenute potrebbero essere obsolete (ad esempio a causa di un aggiornamento di versione rispetto agli elementi descritti o links modificati da siti esterni).

Uniform è un plugin per jQuery (1.3 o superiore) che permette di applicare uno stile uniforme agli elementi di un form e che mantiene inalterata la visualizzazione tra i diverdi browsers e degrada correttamente in IE6.  

uniform1

 uniform2 

Gli elementi supportati sono:

  • select
  • checkbox
  • radio button
  • input per il file upload

Per utilizzarlo si devono includere nella pagina il file js e il file css della libreria ed eseguire (al caricamento del DOM) la funzione:

$("select, input:checkbox, input:radio, input:file").uniform();

Dal sito è possibile scaricare i temi predefiniti oppure creare un tema personalizzato modificando il Theme Kit (un file PSD contenente la sprite image da utilizzare) e creando l'apposito css con il Theme CSS generator a questa pagina: http://uniformjs.com/themer.html . Compatibile con:

  • Safari 3+
  • Firefox 3+
  • IE7+
  • Chrome
  • Opera 10+

Commenti