Versione 2, e responsive, del sito MarziaFerrone.com.

Rispetto alla prima versione è cambiato poco graficamente.

Se usate jQuery DataTable o simili, probabilmente avete già una funzione di esportazione della tabella in Excel.

Ma se avete una semplice tabella da esportare al volo, potete usare un semplice plugin per jQuery che si occupa di fare solo quello: jQuery table2excel!

Il suo utilizzo è molto semplice:

  • includete jQuery
  • includete la libreria
  • impostate un id su un bottone
  • impostate un id sulla tabella
  • impostate qualche riga di codice per attivare il tutto

Oggi vediamo uno dei vari plugin jQuery per filtrare e ordinare elementi in una pagina web.

L'effetto è molto piacevole, e non impatta sulle prestazioni, in quanto non ci sono query su db e refresh dei dati.

Si occuperà il plugin di fare tutto a spostare i blocchi, ecc...impostando l'HTML in maniera corretta.

Il plugin di cui parliamo oggi si chiama Filterizr!

Tendenzialmente per eseguire richieste AJAX uso jQuery.

Semplifica veramente la vita rispetto allo Javascript puro; inoltre lo uso per tante altre cose, quindi va da se che mi conviene usarlo.

Però ho scoperto un'altra libreria per eseguire AJAX, senza l'utilizzo di altre librerie: Qwest!

E' veramente molto semplice da usare, tanto che consiglio vivamente di provarla; intoltre il progetto mi sembra abbastanza attivo.

Vi propongo due funzioncine per identificare le dimensioni dello schermo e la risoluzione con Javascript:

  • risoluzioneVideo identifica la risoluzione di tutto il monitor, a prescindere dalla dimensione del browser
  • dimensioneFinestra identifica la grandezza del browser; in questo caso ho usato jQuery

Nella pagina ho impostato questo:

    $(function () {
        risoluzioneVideo();
        dimensioneFinestra();
        $(window).resize(function () {
            dimensioneFinestra();
        });
    });

In questo modo possiamo calcolare la nuova dimensione quando ridimensioniamo il browser.