il (b)log da bere tutto in un sorso

In questo screencast vedremo come validare una form con AJAX e jQuery. Nello specifico, vedremo come controllare che i campi della suddetta form siano stati compilati prima di inviare i dati al server, quindi come catturare la risposta del server e aggiungerla nella pagina della form tramite AJAX.

Prerequisiti:

Guarda lo screencast e scarica il sorgente utilizzato nel video.

Grazie all’ausilio di Camtasia Studio 3 sono riuscito ad aumentare considerevolmente la qualità del video e — visto che mi ci trovavo — ho tenuto un tono di voce sostenuto e più chiaro rispetto allo screencast precedente.

In conclusione devo fare una nota doverosa: la validazione di una form lato client (con JS, jQuery) non dovrebbe comunque sostituire una validazione dei dati lato server. Questo principalmente per due motivi:

  1. i dati che arrivano al server potrebbero esser corrotti, soprattutto nel caso in cui server e client sono due macchine distinte (ad esempio, due diversi siti);
  2. nel caso in cui l’utente abbia i javascript disattivati la validazione non avviene.

Il codice sorgente utlizzato in questo screencast è in parte ispirato al codice del tutorial jQuery: Input Validation with Form Plugin, almeno per quanto riguarda la leggibilità del codice stesso.

Popularity: 7% [?]

Leggendo un articolo di Jeff Atwood, dal titolo The Importance of Sitemaps, ho iniziato a pensare se fosse utile creare una sitemap, ma non la sitemap.xml tanto cara a Google (e quindi a tutti i webmaster/blogger) ma di una user-oriented. Normalmente un “mappa del sito” contiene le varie pagine, gli argomenti principali seperati per categorie. Pensavo: ha senso in blog? E se si, che elementi deve contenere?

Alla fine ho creato una pagina contenente alcune liste di elementi di questo blog, come la lista delle pagine, dei feed che offre Wordpress, degli archivi mensili, degli ultimi articoli e di tutte le categorie con relativo link al Feed RSS. Il codice che ho usato è il seguente:

<h3>Pagine</h3>
<ul>
	<?php wp_list_pages('sort_column=menu_order&title_li='); ?>
</ul>
<h3>Feed</h3>
<ul>
	<li><a href="<?php bloginfo('rss2_url'); ?>" title="Articoli (RSS 2.0)">Articoli (RSS 2.0)</a></li>
	<li><a href="<?php bloginfo('rss_url'); ?>" title="Articoli (RSS 0.92)">Articoli (RSS 0.92)</a></li>
	<li><a href="<?php bloginfo('atom_url'); ?>" title="Articoli (atom)">Articoli (atom)</a></li>
	<li><a href="{controllate su FeedBurner.com" title="Articoli via mail">Articoli via mail</a></li>
	<li><a href="<?php bloginfo('comments_rss2_url'); ?>" title="Commenti (RSS 2.0)">Commenti (RSS 2.0)</a></li>
	<li><a href="<?php bloginfo('comments_atom_url'); ?>" title="Commenti (atom)">Commenti (atom)</a></li>
</ul>
<h3>Archivi mensili</h3>
<ul>
	<?php wp_get_archives('type=monthly&format=html'); ?>
</ul>
<h3>Articoli recenti</h3>
<ul>
	<?php wp_get_archives('type=postbypost&format=html&limit=10'); ?>
</ul>
<h3>Categorie</h3>
<ul>
	<?php wp_list_categories('orderby=name&show_count=1&feed=RSS&title_li='); ?>
</ul>

Il risultato è questo; cosa ne dite? Trovate che sia utile?

Popularity: 11% [?]

Bene, visto che oggi non ho molto voglia di studiare ne approfitto per scrivere questo articolo veloce veloce.

Feed IconA partire da una base di dati

Non so se vi è mai capitato di dover generare un feed RSS/Atom i cui contenuti sono a loro volta generati a partire da una base di dati. In questo caso ci viene in contro l’ottimo PHP Universal Feed Generator (che nome pomposo!): l’esempio d’uso presente nella pagina che ho linkato la dice lunga sulla semplicità e le potenzialità di queste classi PHP.

A partire da una qualsiasi pagina presente nel web

Nel caso in cui vogliate generare un Feed a partire da una qualsiasi pagina web i cui contenuti non gestite voi o comunque, per un motivo o per l’altro, non potete usare un generatore in PHP, le cose si complicano un pochino. È possibile utilizzare alcuni tool online.

FeedYes

FeedYes vi permette di far ciò con un procedimento veramente semplice, il servizio riesce a identificare senza troppe difficoltà i singoli elementi che diventeranno le entry del feed. Unico difetto: il servizio costa circa 25 $ all’anno!

Feed 43

Feed 43 (poi, perché proprio 43?), invece, necessita di alcuni passaggi di configurazione per il riconoscimento delle singole entry. Da una parte questo ci permette una maggiore precisione, dall’altra, nel caso il codice HTML sia mal strutturato, non riusciremo ad avere lo stesso risultato ottenuto con FeedYes. D’altro canto Feed 43 ha 2 tipi di account: uno di questi è completamente gratuito, la controindicazione è che in ogni elemento del Feed apparirà “Delivered by Feed 43″.

In ogni caso vi suggerisco di controllare che i Feed siano validi tramite Feed Validator e poi di renderli compatibili con qualsiasi browser o dispositivo tramite FeedBurner.

Qualcuno conosce altri generatori migliori di questi?

Popularity: 31% [?]

Questo blog nasce dalla mia passione per l'informatica, nonché la mia materia di studio. Troverete anche articoli riguardanti altri argomenti: cinema (con alcuni miei amici teniamo un cineforum), fotografia, fatti universitari...
Aggiungi viklog a del.icio.us StumbleUpon Altro...