Archivi tag: jQuery

Tabelle interattive sul web con FlexGrid

JQuery le riporta alla luce le care e vecchie tabelle , nella loro funzione originaria, cioè per impaginare tabulati di dati, attraverso un plug-in: FlexiGrid.

Con un’unica riga di codice:

$(‘.flexme’).flexigrid();

verrà convertita una tabella HTML in una tabella ricca di funzioni e interattività. Ecco alcune sue peculiarità:

  • Colonne ridimensionabili
  • Tabella ridimensionabile in altezza e larghezza
  • Colonne ordinabili
  • Gestione temi
  • Converte tabelle ordinarie
  • Recupero dei dati via AJAX (con XML e JSON)
  • Paginazione
  • Colonne attivabili/disattivabili
  • Toolbar
  • Ricerca
  • API

Tutorial IBM su Jquery

Su IBM DeveloperWorks è apparso ilprimo articolo di una serie dedicata a jQuery, nota libreria JavaScript che semplifica lo sviluppo sul web. In questo capitolo viene introdotta la sintassi, le modalità per utilizzarla correttamente e suggerisce alcune regole da seguire per evitare problemi nel caso la si affianchi ad altre librerie. Oltre a questo, viene introdotta anche la sintassi della ricerca e della selezione, sulle quali sono basate tutte le altre funzionalità di jQuery.

jParallax:Effetto Parallasse con jQuery

Diagram of parallax layers.
jParallax è un plugin sviluppato con il framework jQuery che permette di creare un effetto Parallasse (Parallax) tra immagini da utilizzare nei propri siti web.

La parallasse è il fenomeno per cui un oggetto sembra spostarsi rispetto allo sfondo se si cambia il punto di osservazione.

Per utilizzare il plugin bisognerà scaricare il file js, disponibile sul sito di jParallax, e scrivere una semplice lista utilizzando i tag <ul> con id parallax e <li> creando diversi livelli di piani in cui inserire delle immagini.

Queste immagini grazie al plugin jParallax verranno trasformate in un panorama 3D con profondità.

Ecco un esempio di codice:

<ul id="parallax">
<li></li>
<li></li>
</ul>

Esempi con jParallax