Ho trovato una libreria in Javascript per effettuare screenshot di una pagina web, o di una parte di essa, e visualizzarli dentro ad una nostra pagina: html2canvas!

Il suo utilizzo non è complicato, alla funzione html2canvas bisogna passargli:

  • cosa prendere (il documento intero o un determinato componente seguendo le linee guida del DOM)
  • dove visualizzare il contenuto preso (nel nostro esempio dentro ad un canvas)
  • cosa fare eventualmente dopo

Partendo dall'implementazione della versione 6 di ECMAScript, anche in Javascript è possibile usare dei parametri di default nelle funzioni.

Ricordiamo che nelle funzioni di Javascript, non era obbligatorio passare tutti i parametri.

Se ne potevano passare di meno, senza precuderne il funzionamento di base (a meno che il parametro non servisse a qualcosa di essenziale ovviamente); e addirittura, se ricordo bene, se ne potevano passare anche di più.

Ma non era possibile dare un valore di default ad un parametro (cosa che a me piace molto).

Node.js disponde già di un modulo per eseuire operazioni su filesystem; bisogna solo richiamarlo, senza installare moduli aggiuntivi.

Quindi, prima di eseguire qualsiasi operazione su filesystem, dovete aggiungere questa riga:

var fs = require('fs');

La necessità è quella di bloccare un div (nel mio caso, ma è fattibile anche per altri componenti) durante lo scroll della finestra.

Quindi, nel momento in cui lo scroll arriva ad una certa altezza, il div si deve bloccare e scorrere con la pagina.

Il CSS di partenza del div in questione non ha nulla di speciale:

.row_col_head { height: 12mm;border-bottom: 1px solid black;background-color:white; }

Da un web service scritto in Node.js, ottengo tutta una serie di dati in formato JSON.

Ma ho la necessità di convertire quei dati in formato CSV, per poi darli in pasto ad un altro sistema.

La cosa è abbastanza semplice, in quanto c'è un modulo apposito: json2csv!

Aggiungetelo tra le dipendenze del vostro progetto nel file package.json:

{
    "name": "NodeB2B", "version": "1.0.0", "keywords": ["util", "functional", "server", "client", "browser"], "author": "Mattepuffo", "contributors": [], "dependencies": {
        "json2csv": "*"
    }
}

Questo è il mio completo.

Su un nuovo progetto, sto usando molto AJAX e Javascript anche per inviare i form.

In un form, devo aggiornare i dati dell'utente:

  • username
  • password
  • avatar

Quindi devo mandare due stringhe e un file.

Per Javascript / jQuery, esistono tantissimi plugin per eseguire operazioni sulle tabelle.

Ma se voglliamo applicare un semplice filtro, ricercando in una input text, non abbiamo bisogno di chissa qualche plugin o libreria.

Partiamo da un HTML del genere (io la riempi tramite PHP, ma è indifferente):

<div class="input-field">
                            <input type="text" id="search_suffix" onkeyup="searchTable('tbl_suffix', 'search_suffix');" placeholder="Search..">
                        </div>
                        <table id="tbl_suffix" class="striped responsive-table tbl_cou">
                            <thead>
                                <tr>
                                    <th>SUFFIX</th>
                                    <th>DESCRIPTION</th>
                                </tr>
                            </thead>
                            <tbody>
                                <?php foreach ($query as $var): ?>
                                    <tr>
                                        <td><?php echo $var['mime_suffisso']; ?></td>
                                        <td><?php echo $var['mime_descrizione']; ?></td>
                                    </tr>
                                <?php endforeach; ?>
                            </tbody>
                        </table>

Nelle versioni precedenti alla 5, per suddividere la pagina in più parti, si usavano i frame.

Nella versione 5 dell'HTML, e con l'avvento dei CSS 3, i frame risultano deprecati.

In alcuni casi, però, può risultare comodo avere le stesse funzionalità dei frame, senza doverli usare.

Girovagando ho trovato un plugin per jQuery che fa proprio questo: Splitter!

Sto iniziando a "giocare" con DHTMLX, e lo trovo molto interessante; ho deciso di usarlo per un gestionale online!

La prima cosa che sto mettendo in piedi è la pagina di login.

Quindi abbiamo il nostro form con username e password, e la chiamata atramite AJAX allo script PHP che si occuperà del login.

Ci sono vari servizi che mettono a disposizione API per le previsioni meteo, e tra le varie a me piace molto OpenWeatherMap!

Con un account gratuito è possibile usare le API REST, con alcune limitazioni (poche in verità).

Quindi, prima di tutto iscrivetevi e copiatevi la vostra API KEY.

Dopo di che andate a visualizzare le varie possibilità a disposizione (sempre a questo link).