<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Programmazione Web &#187; Web 2.0</title>
	<atom:link href="http://www.programmazione-web.com/categorie/web-20/feed" rel="self" type="application/rss+xml" />
	<link>http://www.programmazione-web.com</link>
	<description>il Blog open degli sviluppatori del web!</description>
	<lastBuildDate>Mon, 25 Jul 2011 16:39:01 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Il futuro per le web application è javascript!</title>
		<link>http://www.programmazione-web.com/il-futuro-per-le-web-application-e-javascript.php</link>
		<comments>http://www.programmazione-web.com/il-futuro-per-le-web-application-e-javascript.php#comments</comments>
		<pubDate>Sat, 10 Oct 2009 19:44:35 +0000</pubDate>
		<dc:creator>neryo</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Applicazioni]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[callback]]></category>
		<category><![CDATA[web 2]]></category>

		<guid isPermaLink="false">http://www.programmazione-web.com/?p=263</guid>
		<description><![CDATA[C'è sempre più javascript nelle applicazioni moderne, il web ormai per le applicazioni web si sta spostando sempre più client side, il futuro sta proprio sulle nostre macchine non sul server.. chiamate asincrone in AJAX e logiche lato client.]]></description>
			<content:encoded><![CDATA[<p>Ebbene si&#8230; il tempo passa, ogni giorno vedo <strong>sempre più javascript nelle applicazioni moderne</strong>, il web ormai per le <strong>applicazioni web</strong> si sta spostando sempre più <strong>client side</strong>, il futuro <strong>sta proprio sulle nostre macchine </strong>non sul server, a cui viene lasciato il solo scopo di essere un<strong> contenitore di dati da interrogare</strong>, su cui mantenere e garantire le logiche di sicurezza delle nostre applicazioni, e molti automatismi di presentation ora stanno direttamente sul client! Questo grazie alle nuove necessità del web 2.0, che vuole diventare la sostituzione quasi totale alle <strong>applicazioni stand alone</strong>, quindi avere maggiori interazioni, più velocità grazie a <strong>callback asincrone di dati (AJAX) </strong>e automatismi che non necessitano postback di dati, che rendono il web inutilmente lento e macchinoso.</p>
<p>Ora poi è diventato tutto molto più semplice grazie ai numerosi <strong>framework javascript, come jQuery</strong> che grazie ad un layer aggiuntivo ci consentono di utilizzare con maggiore potenza e velocità tutta <strong>la ricchezza del linguaggio JS</strong>.</p>
<p>Attualmente chi non saprà utilizzare questi strumenti al top rimarrà indietro.. verrà schiacciato dalla concorrenza agguerrita dei<strong> programmatori del futuro</strong> che non si fermano a fare andare le proprie applicazioni, ma vogliono sempre il massimo!</p>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.programmazione-web.com%2Fil-futuro-per-le-web-application-e-javascript.php&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>]]></content:encoded>
			<wfw:commentRss>http://www.programmazione-web.com/il-futuro-per-le-web-application-e-javascript.php/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Prestashop ecommerce nuova versione 1.2.1</title>
		<link>http://www.programmazione-web.com/prestashop-ecommerce-nuova-versione-1-2-1.php</link>
		<comments>http://www.programmazione-web.com/prestashop-ecommerce-nuova-versione-1-2-1.php#comments</comments>
		<pubDate>Mon, 24 Aug 2009 07:49:32 +0000</pubDate>
		<dc:creator>neryo</dc:creator>
				<category><![CDATA[Applicazioni]]></category>
		<category><![CDATA[Ecommerce]]></category>
		<category><![CDATA[News dal web]]></category>
		<category><![CDATA[Open-source]]></category>
		<category><![CDATA[Prestashop]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[eshop]]></category>
		<category><![CDATA[pagamenti paypal]]></category>
		<category><![CDATA[software opensource]]></category>

		<guid isPermaLink="false">http://www.programmazione-web.com/?p=249</guid>
		<description><![CDATA[Il 12 Agosto è stata rilasciata la tanto attesa nuova versione 1.2.1 di Prestashop, il software open-source per l&#8217;ecommerce in stile web 2.0 più promettente in circolazione! La nuova release del ramo 1.2.x è il risultato del testing e del bug fixing della neo nata versione 1.2 rilasciata il 29 Giugno, che ora si presenta [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-254" title="prestashop" src="http://www.programmazione-web.com/wp-content/uploads/2009/08/gI_prestashoplogoGM2.jpg2.jpg" alt="prestashop" width="250" height="250" /></p>
<p>Il 12 Agosto è stata rilasciata la tanto attesa nuova <strong>versione 1.2.1 di Prestashop</strong>, il <strong>software open-source per l&#8217;ecommerce in stile web 2.0</strong> più promettente in circolazione! La nuova release del ramo 1.2.x è il risultato del testing e del bug fixing della neo nata <strong>versione 1.2 rilasciata il 29 Giugno</strong>, che ora si presenta più solida ed affidabile.</p>
<p>Tra le tante novità si può citare</p>
<ul>
<li> Maggiore possibilità di gestione del catalogo: disabilitare i prodotti, gestire i prodotti che non sono in stock.</li>
<li> Sistema di tracciamento dei visitatori</li>
<li> Possibilità di creare gruppi di acquirenti, con l&#8217;associazione di coupons e permessi a certe categorie e sistemi di pagamento.</li>
<li> Statistiche filtrate da data a data</li>
<li> Possibilità di visualizzare i carelli che sono stati creati dai clienti senza essere stati evasi.</li>
<li> Possibilità di inserire files da scaricare associati ai prodotti (brochure, data-sheets, modulistica ecc)</li>
<li> Possibilità di visualizzare la tassazione IVA o IVA esclusa nei prezzi dei prodotti</li>
<li> API Paypal</li>
<li> Modulo per il reminder ai clienti più affezionati</li>
</ul>
<p><strong>Riferimenti</strong><br />
<a href="http://www.prestashop.com/blog/article/prestashop_121_is_now_available/" target="_blank">http://www.prestashop.com/blog/article/prestashop_121_is_now_available/</a></p>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.programmazione-web.com%2Fprestashop-ecommerce-nuova-versione-1-2-1.php&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>]]></content:encoded>
			<wfw:commentRss>http://www.programmazione-web.com/prestashop-ecommerce-nuova-versione-1-2-1.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Exponent CMS rilasciata la nuova release 0.97</title>
		<link>http://www.programmazione-web.com/exponent-cms-nuova-release-097.php</link>
		<comments>http://www.programmazione-web.com/exponent-cms-nuova-release-097.php#comments</comments>
		<pubDate>Sun, 15 Feb 2009 10:21:31 +0000</pubDate>
		<dc:creator>neryo</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[News dal web]]></category>
		<category><![CDATA[Open-source]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[cms opensource]]></category>
		<category><![CDATA[cms php]]></category>
		<category><![CDATA[cms simple]]></category>
		<category><![CDATA[exponent cms]]></category>

		<guid isPermaLink="false">http://www.programmazione-web.com/?p=170</guid>
		<description><![CDATA[Il 13 Febbraio è stata rilasciata la tanto attesa nuova versione di Exponent CMS, giusta alla release 0.97. Il CMS opensource garantisce la massima usabilità e facilità d'uso, non solo per chi sviluppa e per chi configura il CMS, ma soprattutto per l'utente finale che dovrà utilizzarlo per inserire i contenuti.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.programmazione-web.com/wp-content/uploads/2009/02/exponent_cms.jpg"><img class="alignnone size-full wp-image-171" title="exponent_cms" src="http://www.programmazione-web.com/wp-content/uploads/2009/02/exponent_cms.jpg" alt="" width="192" height="48" /></a></p>
<p>Il <strong>13 Febbraio,</strong> dopo oltre un&#8217;anno dalla precedente <strong>release stable 0.96.6</strong>, è stata rilasciata la tanto attesa nuova versione de giovane <strong><a title="Exponent cms release 0.97" href="http://www.exponentcms.org/index.php?action=view&amp;id=70&amp;module=newsmodule&amp;src=@random444fe03276195" target="_blank">Exponent CMS, giunto alla release 0.97</a></strong>.</p>
<p>In questo rilascio è stata sempre messa in primo piano la filosofia che stà alla base di <strong>Exponent CMS</strong>, ovvero <strong>garantire la massima usabilità e facilità d&#8217;uso</strong>, non solo per chi sviluppa e per chi configura il CMS, ma soprattutto per l&#8217;utente finale che dovrà utilizzarlo per inserire i contenuti.</p>
<p>Oltre alla <strong>risoluzione di numerosi bug fixes e piccole migliorie</strong>, tra le <strong>novità più importanti </strong>si possono notare:</p>
<ol>
<li><strong>Pesante integrazione con le librerie javascript e CSS di Yahoo (YUI)</strong><br />
Molti componenti di Exponent ora sfruttano i vantaggi di queste librerie ad esempio: <strong>la gestione della navigazione in drag and drop</strong>, le viste dei menu drop down con vari stili, il modulo calendario, i menu dell&#8217;interfaccia di amministrazione dei container ecc.</li>
<li><strong>Pod casting</strong><br />
Il modulo per la gestione delle risorse (files) ora può essere configurato come pod cast e permettere quindi l&#8217;uploading di files multimediali come video e mp3 e l&#8217;iterazione da parte degli utenti in stile itunes.</li>
<li><strong>RSS Syndication</strong><br />
Il modulo news, oltre a rendere disponibili gli RSS, è ora in grado di <strong>inserire e visualizzare informazioni da qualsiasi fonte RSS esterna</strong>. Quindi consente di fare dei mix di notizie tra quelle inserite e quelle disponibili da altre fonti esterne.</li>
<li><strong>Image Gallery</strong><br />
Image Gallery ora ha la possibilità d<strong>i definire come opzioni la grandezza delle immagini thumbnails</strong> e se necessario cambiarla <strong>ricostruendo tutte le immagini ridimensionate</strong>.</li>
<li><strong>Url rewrite</strong><br />
Chi ha utilizzato la precedente versione sa che l&#8217;url rewrite non era funzionante direttamente nel CMS, ma esistevano patch o workaround per farla funzionare, in questa release possiamo invece semplicemente abilitarla dalla configurazione. Per maggiori informazioni leggere <a title="Exponent CMS url rewrite" href="http://www.exponentcms.org/index.php?action=view&amp;id=61&amp;module=newsmodule&amp;src=@random444fe03276195" target="_blank">questo articolo</a>.</li>
<li><strong>Motore di inclusione e compressione CSS</strong><br />
Creare, gestire, e comprimere (<code>minify</code>) i CSS non è mai stato così facile. Exponent CMS ha a bordo in questa release un motore CSS che consente di combinare e comprimere tutti i files CSS inclusi e quindi abbreviare le  tempistiche di scaricamento riducendo al minino le richieste http. Per maggiori informazioni su questa parte leggere <a title="Exponent CMS CSS engine " href="http://www.exponentcms.org/index.php?action=view&amp;id=62&amp;module=newsmodule&amp;src=@random444fe03276195" target="_blank">questo articolo</a> tecnico.</li>
<li><strong>Nuova interfaccia di amministrazione in stile chrome.<br />
</strong>Migliorata graficamente tutta l&#8217;interfaccia di amministrazione, ricordando che exponent è admin back end less.</li>
<li><strong>e tante altre da scoprire.. <img src='http://www.programmazione-web.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  </strong><strong></strong></li>
</ol>
<p>In questo articolo voglio darmi un piccolo momento di gloria, ricordando che l&#8217;anno scorso per questo CMS opensource (il mio preferito) ho implementato il <strong><a title="Exponent CMS google map module" href="http://www.neryo.com/index.php?section=9" target="_blank">Googlemap Module</a></strong> e da quest&#8217;anno faccio parte integrante del <strong><a title="Exponent CMS core development team" href="https://launchpad.net/~exponent-core-dev" target="_blank">core development team su launchpad</a></strong> e in questa release ho potuto dare il mio contributo in fase finale integrando la <strong>feature di paginazione nel newsmodule</strong>. Spero tempo permettendo, di poter dare altri contributi a questa comunità di sviluppo che la ritengo una delle più promettenti.</p>
<p><strong>Alcune immagini</strong></p>
<p>Pannello di configurazione</p>
<p><a href="http://www.programmazione-web.com/wp-content/uploads/2009/02/admincontrol_default.jpg"><img class="alignnone size-full wp-image-172" title="admincontrol_default" src="http://www.programmazione-web.com/wp-content/uploads/2009/02/admincontrol_default.jpg" alt="" width="400" height="261" /></a></p>
<p>Opzioni di configuraizone modulo contenitore</p>
<p><a href="http://www.programmazione-web.com/wp-content/uploads/2009/02/container_menu1.jpg"><img class="alignnone size-full wp-image-174" title="container_menu1" src="http://www.programmazione-web.com/wp-content/uploads/2009/02/container_menu1.jpg" alt="" width="300" height="230" /></a></p>
<p><strong><br />
Riferiementi:</strong><br />
<a title="Exponent CMS" href="http://www.exponentcms.org/" target="_blank">http://www.exponentcms.org</a></p>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.programmazione-web.com%2Fexponent-cms-nuova-release-097.php&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>]]></content:encoded>
			<wfw:commentRss>http://www.programmazione-web.com/exponent-cms-nuova-release-097.php/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Jquery Ajax content loading, caricare contenuti html in un div</title>
		<link>http://www.programmazione-web.com/jquery-ajax-content-loading-caricare-contenuti-div.php</link>
		<comments>http://www.programmazione-web.com/jquery-ajax-content-loading-caricare-contenuti-div.php#comments</comments>
		<pubDate>Mon, 19 May 2008 17:40:17 +0000</pubDate>
		<dc:creator>neryo</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Tips & Tricks]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[ajax content loading]]></category>
		<category><![CDATA[ajax loading content]]></category>
		<category><![CDATA[Ajax XMLHttpRequest]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[jquery content loading]]></category>
		<category><![CDATA[jquery loading div.]]></category>

		<guid isPermaLink="false">http://www.programmazione-web.com/jquery-ajax-content-loading-caricare-contenuti-div.php</guid>
		<description><![CDATA[Jquery Ajax content loading (XMLHttpRequest), caricare contenuti html in un div. Capita sempre piu&#8217; spesso di voler caricare porzioni di contenuti presenti in un sito, senza dover per forza ricaricare interamente tutto il contenuto della pagina.. questo tipo di interazioni sono la novita&#8217; che contraddistinguono i siti e le applicazioni web di ultima generazione, che [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Jquery Ajax content loading (<a href="http://it.wikipedia.org/wiki/XMLHttpRequest" title="wikipedia XMLHttpRequest " target="_blank">XMLHttpRequest</a>), caricare contenuti html in un div. </strong></p>
<p>Capita sempre piu&#8217; spesso di voler caricare porzioni di contenuti presenti in un sito, senza dover per forza ricaricare interamente tutto il contenuto della pagina.. questo tipo di interazioni sono la novita&#8217; che contraddistinguono i siti e le applicazioni web di ultima generazione, che consentono di avere una rapporto di usabilita&#8217; molto piu&#8217; alto grazie a chiamate asincrone (Ajax), che ci permettono di interagire con le applicazioni in modo piu&#8217; fruibile, avvicinando il web a vere e proprie applicazioni desktop.</p>
<p>Per realizzare questo tipo di chiamate dinamiche e interattive si utilizza solitamente l&#8217;oggetto XMLHttpRequest che e&#8217; un elemento fondamentale della tecnica di sviluppo web conosciuta con l&#8217;acronimo Ajax.</p>
<p>Un esempio di script che realizza questo tipo di interazioni lo possiamo vedere in <a href="http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm" title="ajax content xmlhttprequest" target="_blank">questa pagina</a>.</p>
<p>Ma in questo post voglio pero&#8217; illustrarvi come realizzare lo stesso meccanismo utilizzando il <a href="http://jquery.com" title="Framework javascript jQuery" target="_blank">framework jQuery</a>, che lo implementa in modo molto semplice, senza dover direttamenti occuparci dei dettagli sottostanti. Ricordando che jQuery a mio parere e&#8217; il framework javascript che ha il rapporto tra semplicita&#8217;/potenza piu&#8217; alto e anche le operazioni piu&#8217; complesse vengono realizzate con pochissime righe di codice.</p>
<p>Detto questo vi illustro come caricare contenuti dinamici usando jquery in un div a cui gli e&#8217; stato assegnato un id css univoco:</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">&lt;script src=&quot;jquery-latest.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;script type=&quot;text/javascript&quot;&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1">$(document).ready(function(){
</div>
</li>
<li class="li2">
<div class="de2">&nbsp;</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; $(&quot;#contentArea&quot;).load(&quot;pagina.php&quot;);
</div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1">});
</div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li2">
<div class="de2">&lt;/script&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1">&lt;div id=&quot;contentArea&quot;&gt; &lt;/div&gt;</div>
</li>
</ol>
</div>
<p>se invece vogliamo variare il contenuto del div a secondo del link che primiamo possiamo creare una funzione:</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">&lt;script src=&quot;jquery-latest.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;script src=&quot;jquery-latest.js&quot; type=&quot;text/javascript&quot;&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1">&nbsp;function loadContent(id) {
</div>
</li>
<li class="li2">
<div class="de2">&nbsp; &nbsp; &nbsp; &nbsp; $(&quot;#contentArea&quot;).load(&quot;rpc.php?o=&quot;+id+&quot;&quot;);
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; }
</div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1">&lt;/script&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li2">
<div class="de2">&lt;body onLoad=&quot;loadContent(1);&quot;&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;javascript:loadContent(1);&quot;&gt;Tab 1&lt;/a&gt; |
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;javascript:loadContent(2);&quot;&gt;Tab 2&lt;/a&gt; |
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;javascript:loadContent(3);&quot;&gt;Tab 3&lt;/a&gt; |
</div>
</li>
<li class="li2">
<div class="de2">&nbsp; &nbsp; &nbsp; &nbsp; &lt;a href=&quot;javascript:loadContent(999);&quot;&gt;This content doesn&#8217;t exist&lt;/a&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &lt;div id=&quot;contentArea&quot; style=&quot;margin: 20px 0px 10px 10px; border: 1px solid #CCC;&quot;&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;
</div>
</li>
<li class="li2">
<div class="de2">&lt;/body&gt;</div>
</li>
</ol>
</div>
<p>Chiaramente nel file rpc.php richiamato dalla funzione load di jQuery, dovra&#8217; essere implementata una struttura che ci permetta in base alla scelta numerica passata alla funzione loadContent() di selezionare il contenuto da restituire, questo puo &#8216; essere realizzato usando uno switch case. Se non e&#8217; sufficientemente chiaro il funzionamento potete scaricare il pacchetto da modificare sul sito di nodstrum.com presente nei riferimenti.</p>
<p><strong><br />
Riferimenti:</strong><br />
<a href="http://nodstrum.com/2007/03/20/jquery-content-loading/" title="jquery content loading" target="_blank">http://nodstrum.com/2007/03/20/jquery-content-loading/</a><br />
<a href="http://docs.jquery.com/Ajax/load" title="jquery ajax load function" target="_blank">http://docs.jquery.com/Ajax/load</a><br />
<a href="http://it.wikipedia.org/wiki/XMLHttpRequest" title="wikipedia XMLHttpRequest " target="_blank">http://it.wikipedia.org/wiki/XMLHttpRequest </a></p>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.programmazione-web.com%2Fjquery-ajax-content-loading-caricare-contenuti-div.php&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>]]></content:encoded>
			<wfw:commentRss>http://www.programmazione-web.com/jquery-ajax-content-loading-caricare-contenuti-div.php/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Jquery media plugin per inserire contenuti multimediali nelle pagine web</title>
		<link>http://www.programmazione-web.com/jquery-media-plugin-contenuti-multimediali.php</link>
		<comments>http://www.programmazione-web.com/jquery-media-plugin-contenuti-multimediali.php#comments</comments>
		<pubDate>Sun, 20 Apr 2008 09:47:56 +0000</pubDate>
		<dc:creator>neryo</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Framework]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[framework ajax]]></category>
		<category><![CDATA[integrazione jquery.]]></category>
		<category><![CDATA[jquery ajax plugin]]></category>
		<category><![CDATA[jquery media plugin]]></category>
		<category><![CDATA[jquery plugin]]></category>
		<category><![CDATA[libreria jquery]]></category>
		<category><![CDATA[media jquery]]></category>
		<category><![CDATA[plugin jquery]]></category>

		<guid isPermaLink="false">http://www.programmazione-web.com/jquery-media-plugin-per-inserire-contenuti-multimediali-nella-pagine-web.php</guid>
		<description><![CDATA[Jquery media plugin per inserire contenuti multimediali nelle pagine web Jquery é una libreria javascript clientside veloce e concisa, tra l&#8217;altro molto famosa ed utilizzata, che permette di gestire eventi, integrare animazioni, inserire iterazioni di tipo ajax alle pagine web. Questo framework javascript e&#8217; stata pensato appunto per cambiare e facilitare il modo di scrivere [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Jquery media plugin per inserire contenuti multimediali nelle pagine web</strong><br />
<a title="Jquery" href="http://jquery.com/" target="_blank"><br />
Jquery</a> é una libreria javascript clientside veloce e concisa, tra l&#8217;altro molto famosa ed utilizzata, che permette di gestire eventi, integrare animazioni, inserire iterazioni di tipo ajax alle pagine web. Questo framework javascript e&#8217; stata pensato appunto per cambiare e facilitare il modo di scrivere codice javascript, semplificando e potenziando le nostre applicazioni web, arricchendole di maggiore usabilitá e interattivitá. In questo post non voglio di certo ripetere nozioni scontate che si trovano ovunque sul web, ma vorrei piú che altro introdurre l&#8217;uso di alcuni plugin jquery che utilizzo nelle mie realizzazioni che sono a mio parere molto utili.</p>
<p>Uno di questi é il <a title="Jquery Media Plugin" href="http://www.malsup.com/jquery/media/" target="_blank">jQuery Media Plugin</a> che supporta la conversione di un semplice e conciso tag in un un markup per un contenuto multimediale. Puo&#8217; essere utilizzato per integrare facilmente in una pagina web media come Flash, Quicktime, Wndows Media Player, Real Player, MP3, Silverlight, PDF e tanti altri. In sostanza questo plugin converte l&#8217;elemento html, solitamente il tag con una classe css assegnata, in un  contenente tag come object o iframe necessari per rendere all&#8217;utente il contenuto multimediale.</p>
<p>Questo media plugin jquery puo&#8217; essere utilizzato in tutte quelle situazioni in cui si vuole rendere veloce l&#8217;inserimento di questi contenuti, e dotare anche gli utenti inesperti di un modo semplice per aggiornare i contenuti multimediali dei siti web, inserendo semplicemente dei link. </p>
<p>Vediamo che includendo le librerie necessarie del jquery e del <a title="Jquery Media Plugin" href="http://www.malsup.com/jquery/media/jquery.media.js" target="_blank">media plugin</a>:</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">&lt;script src=&quot;jquery.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;script src=&quot;jquery.media.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;</div>
</li>
</ol>
</div>
<p>e aggiungendo semplicemente questo codice che assegna al tag con la classe css .media il media plugin:</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">&lt;script type=&quot;text/javascript&quot;&gt;&lt;/script&gt;</div>
</li>
</ol>
</div>
<p>possiamo ottenere <a title="Demo jquery media plugin video" href="http://www.malsup.com/jquery/media/video.html" target="_blank">questo</a> tipo di risultato visibile nella demo:</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">&lt;a class=&quot;media&quot; href=&quot;sample.mov&quot;&gt;My Quicktime Movie&lt;/a&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;a class=&quot;media&quot; href=&quot;sample.swf&quot;&gt;My Flash Movie&lt;/a&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;a class=&quot;media&quot; href=&quot;sample.wma&quot;&gt;My Audio File&lt;/a&gt;</div>
</li>
</ol>
</div>
<p>questi link verranno tradotti automaticamente in questo codice:</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1">&lt;div class=&quot;media&quot;&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &lt;object codebase=&quot;http://www.apple.com/qtactivex/qtplugin.cab&quot;
</div>
</li>
<li class="li2">
<div class="de2">&nbsp; &nbsp; &nbsp; &nbsp; classid=&quot;clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B&quot;&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &lt;param name=&quot;src&quot; value=&quot;sample.mov&quot;&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &lt;embed src=&quot;sample.mov&quot;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; pluginspage=&quot;http://www.apple.com/quicktime/download/&quot;&gt;&lt;/embed&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &lt;/param&gt;&lt;/object&gt;
</div>
</li>
<li class="li2">
<div class="de2">&nbsp; &nbsp; &lt;div&gt;My Quicktime Movie&lt;/div&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;/div&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp;
</div>
</li>
<li class="li1">
<div class="de1">&lt;div class=&quot;media&quot;&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &lt;object codebase=&quot;http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7&quot;
</div>
</li>
<li class="li2">
<div class="de2">&nbsp; &nbsp; &nbsp; &nbsp; classid=&quot;clsid:d27cdb6e-ae6d-11cf-96b8-444553540000&quot;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; type=&quot;application/x-oleobject&quot;&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &lt;param name=&quot;src&quot; value=&quot;sample.swf&quot;&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &lt;embed src=&quot;sample.swf&quot; &nbsp;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; type=&quot;application/x-shockwave-flash&quot;
</div>
</li>
<li class="li2">
<div class="de2">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; pluginspage=&quot;http://www.apple.com/quicktime/download/&quot;&gt;&lt;/embed&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &lt;/param&gt;&lt;/object&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &lt;div&gt;My Flash Movie&lt;/div&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;/div&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp;
</div>
</li>
<li class="li2">
<div class="de2">&lt;div class=&quot;media&quot;&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &lt;object codebase=&quot;http://www.apple.com/qtactivex/qtplugin.cab&quot;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; classid=&quot;clsid:6BF52A52-394A-11d3-B153-00C04F79FAA6&quot;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; type=&quot;application/x-oleobject&quot;&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &lt;param name=&quot;url&quot; value=&quot;sample.wma&quot;&gt;
</div>
</li>
<li class="li2">
<div class="de2">&nbsp; &nbsp; &nbsp; &nbsp; &lt;embed src=&quot;sample.wma&quot; &nbsp;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; type=&quot;application/x-mplayer2&quot;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; pluginspage=&quot;http://www.microsoft.com/Windows/MediaPlayer/&quot;&gt;&lt;/embed&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &lt;/param&gt;&lt;/object&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &lt;div&gt;My Audio File&lt;/div&gt;
</div>
</li>
<li class="li2">
<div class="de2">&lt;/div&gt;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp;
</div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
</ol>
</div>
<p>E&#8217; possibile inoltre  passare paramentri e specificare alcune opzioni al nostro media plugin integrando un altro codice jquery chiamato metadata plugin scaricabile da <a title="Jquery Metadata plugin" href="http://jqueryjs.googlecode.com/svn/trunk/plugins/metadata/jquery.metadata.js" target="_blank">qui</a>, ovviamente anch&#8217; esso dovrá essere incluso nel nostro codice della pagina insieme agli altri jquery:</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">&lt;script src=&quot;jquery.js&quot; type=&quot;text/javascript&quot;&gt;&lt;!&#8211;mce:3&#8211;&gt;&lt;/script&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;script src=&quot;jquery.metadata.js&quot; type=&quot;text/javascript&quot;&gt;&lt;!&#8211;mce:4&#8211;&gt;&lt;/script&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;script src=&quot;jquery.media.js&quot; type=&quot;text/javascript&quot;&gt;&lt;!&#8211;mce:5&#8211;&gt;&lt;/script&gt;</div>
</li>
</ol>
</div>
<p>Come possiamo vedere con questo jquery metadata plugin possiamo specificare ulteriori opzioni al media plugin e quindi rendere piú configurabili in nostri contenuti.</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">&lt;a class=&quot;media {width: 400, height: 300, autoplay: true}&quot; href=&quot;sample.mov&quot;&gt;My Quicktime Movie&lt;/a&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;a class=&quot;media {width: 400, height: 30, autoplay: true}&quot; href=&quot;sample.wma&quot;&gt;My Audio File&lt;/a&gt;</div>
</li>
</ol>
</div>
<p>Chiaramente questa é sola una intruduzione all&#8217;utilizzo, per avere maggiori dettagli fate riferimento al sito ufficiale.</p>
<p><strong>Riferimenti:</strong><br />
<a title="Jquery Media Plugin" href="http://www.malsup.com/jquery/media/" target="_blank">http://www.malsup.com/jquery/media/</a></p>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.programmazione-web.com%2Fjquery-media-plugin-contenuti-multimediali.php&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>]]></content:encoded>
			<wfw:commentRss>http://www.programmazione-web.com/jquery-media-plugin-contenuti-multimediali.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Nuova release 2.5 per il motore di blog opensource WordPress</title>
		<link>http://www.programmazione-web.com/nuova-release-blog-wordpress.php</link>
		<comments>http://www.programmazione-web.com/nuova-release-blog-wordpress.php#comments</comments>
		<pubDate>Sat, 29 Mar 2008 22:50:46 +0000</pubDate>
		<dc:creator>neryo</dc:creator>
				<category><![CDATA[Applicazioni]]></category>
		<category><![CDATA[News dal web]]></category>
		<category><![CDATA[Open-source]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[blog open-source]]></category>
		<category><![CDATA[blog wordpress]]></category>
		<category><![CDATA[piattaforma blogging worpress]]></category>
		<category><![CDATA[wordpress 2.5]]></category>
		<category><![CDATA[wordpress opensource]]></category>

		<guid isPermaLink="false">http://www.programmazione-web.com/nuova-release-blog-wordpress.php</guid>
		<description><![CDATA[Nuova release 2.5 per il motore di blog opensource WordPress Dopo sei mesi di lavoro da parte della comunitá é arrivata la nuova release stable della più celebre piattaforma di blogging opensource, WordPress 2.5. Anche questo blog utilizza con molto piacere la piattaforma wordpress e a breve verrá fatto un upgrade; chiaramente prima lo effettueró [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Nuova release 2.5 per il motore di blog opensource WordPress</strong></p>
<p>Dopo sei mesi di lavoro da parte della comunitá é arrivata la nuova release stable della più celebre piattaforma di blogging opensource, <a href="http://wordpress.org/download/" target="_blank" title="download wordpress 2.5">WordPress 2.5</a>. Anche questo blog utilizza con molto piacere la piattaforma wordpress e a breve verrá fatto un upgrade; chiaramente prima lo effettueró in locale per evitare qualche problema non previsto, soprattutto per i plugin che potrebbero non supportare pienamente la nuova versione.</p>
<p>Da notare che questa release non é un semplice aggiornamento, ma proprio l&#8217;implementazione di una nuova versione del prodotto, quindi le modifiche apportate alla piattaforma sono piuttosto ricche e pesanti dal punto di vista dello sviluppo, e riguardano soprattutto molti aspetti relativi alla parte backend di amministrazione. Vi invito a consultare il <a href="http://www.wordpress-it.it" title="wordpress italia" target="_blank">sito italiano di wordpress</a> che illustra come effettuare correttamente l&#8217;upgrade e mette in evidenza alcuni cambiamenti importanti alla struttura delle directory.</p>
<p>Inoltre guardate questa interessante news presa direttamente dal <a href="http://www.wordpress-it.it/2008/03/30/i-numeri-di-wp-25-ed-altro/" title="numeri di wordpress 2.5" target="_blank">sito italiano di wordpress</a> il cui autore Peter Westwood <a href="http://westi.wordpress.com/2008/03/29/wordpress-25-in-detail/">presenta</a> un qualche numero legato a questa versione di WP 2.5:</p>
<ul>
<li>Ha richiesto un tempo di sviluppo di 185 giorni (per la precisione 6 mesi e 3 giorni ).</li>
<li>Le modifiche hanno interessato 364 file con 54.008 inserimenti e 29.136 cancellazioni, gli ipercuriosi possono fare riferimento al <a href="http://blog.ftwr.co.uk/wp-content/dropbox/wordpress-2.5-diffstat.txt" title="diffstat wordpress" target="_blank">diffstat output</a>.</li>
<li>Sono stati inseriti patch di oltre 110 differenti contribuenti.</li>
<li>Sono state apportate oltre 1.300 modifiche individuali come evidenziato in dettaglio dal <a href="http://blog.ftwr.co.uk/wp-content/dropbox/wordpress-2.5-changelog.txt" title="changelog wordpress" target="_blank">changelog completo</a>.</li>
</ul>
<p>La nuova versione di WordPress 2.5 è scaricabile dalla pagina download dal <a href="http://wordpress.org/download/" target="_blank" title="scaricare wordpress 2.5">sito ufficiale</a>.</p>
<p>enjoy wordpress.. <img src='http://www.programmazione-web.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.programmazione-web.com%2Fnuova-release-blog-wordpress.php&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>]]></content:encoded>
			<wfw:commentRss>http://www.programmazione-web.com/nuova-release-blog-wordpress.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web trend map 2008</title>
		<link>http://www.programmazione-web.com/web-trend-map-2008.php</link>
		<comments>http://www.programmazione-web.com/web-trend-map-2008.php#comments</comments>
		<pubDate>Thu, 06 Mar 2008 23:16:47 +0000</pubDate>
		<dc:creator>neryo</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[la mappa del web]]></category>
		<category><![CDATA[la mappa del www]]></category>
		<category><![CDATA[perdersi nel web 2.0]]></category>
		<category><![CDATA[web trend map 2008]]></category>

		<guid isPermaLink="false">http://www.programmazione-web.com/2008/03/07/5/</guid>
		<description><![CDATA[Ecco a voi un interessante rappresentazione della mappa del web, che contiene piu&#8217; di 300 siti ritenuti tra i piu&#8217; importanti e famosi.. in questo modo potremmo orientarci facilmente nel nuovo mondo del web 2.0 senza rischiare di perderci!]]></description>
			<content:encoded><![CDATA[<p>Ecco a voi un interessante rappresentazione della mappa del web, che contiene piu&#8217; di 300 siti ritenuti tra i piu&#8217; importanti e famosi.. in questo modo potremmo orientarci facilmente nel nuovo mondo del web 2.0 senza rischiare di perderci!</p>
<p><a href="http://informationarchitects.jp/start/" title="web trend map 2008"><img src="http://www.programmazione-web.com/wp-content/uploads/2008/03/webtrendmap2008.jpg" alt="web trend map 2008" /></a></p>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.programmazione-web.com%2Fweb-trend-map-2008.php&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>]]></content:encoded>
			<wfw:commentRss>http://www.programmazione-web.com/web-trend-map-2008.php/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

