Follow me on Twitter Facebook Flickr Subscribe Feeds
 

January 31st, 2011  |  CSS, javascript 5 Comments »

Livecss: visualizzare in tempo reale le modifiche effettuate nel CSS senza ricaricare la pagina

Mentre si lavora su un foglio di stile capita sicuramente di dover ricaricare centinaia e centinaia di volta la stessa pagina web per visualizzare le modifiche effettuate. Anche il semplice spostamento di un elemento di qualche pixel richiede di aggiornare la pagina per essere visualizzato.

La libreria Javascript che vi presento, ci consente invece, di visualizzare in tempo reale le modifiche effettuate ai fogli di stile senza dover aggiornare continuamente la pagina.

Read more →

January 24th, 2011  |  jQuery No Comments »

jQuery: disabilitare la barra spaziatrice in un campo di input

Sempre più spesso si ha la necessità di realizzare form complesse che necessitano opportuni controlli lato client sulle informazioni inserite dagli utenti. Una di queste necessità riguarda la possibilità di evitare l’inserimento di determinati caratteri in una textarea o un qualsiasi campo di input.

Read more →

January 10th, 2011  |  jQuery, Projects 2 Comments »

jQuery.visibility: modificare facilmente la proprietà visibility di un elemento

Due dei metodi più famosi del jQuery sono sicuramente:

  • show()
  • hide()

con cui si va a mostrare o nascondere un elemento. Questi due metodi vanno ad agire sulla proprietà display del CSS settandola a none o block.

In questo ultimo periodo ho spesso avuto bisogno di mostrare o nascondere un elemento agendo sulla proprietà visibility che differisce dalla proprietà display perchè pur nascondendo l’elemento, non rende disponibile lo spazio ad esso dedicato. In parole più semplici, supponendo di avere un div di dimensioni 100×100 pixel; nascondendo l’elemento con la proprietà display, lo spazio da esso occupato sarà disponibile per gli altri elementi della pagina, con la proprietà visibility il suo spazio resterà vuoto ma non disponibile.

jQuery non mette però a disposizione un metodo per gestire la visibilità ma abbiamo bisogno di agire su di essa attraverso il metodo .css(‘visibility’) o aggiungendo e rimuovendo una determinata classe CSS.

Read more →