<?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; ajax framework codeigniter</title>
	<atom:link href="http://www.programmazione-web.com/tag/ajax-framework-codeigniter/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>Usare librerie Ajax nel framework php Codeigniter</title>
		<link>http://www.programmazione-web.com/usare-librerie-ajax-nel-framework-codeigniter.php</link>
		<comments>http://www.programmazione-web.com/usare-librerie-ajax-nel-framework-codeigniter.php#comments</comments>
		<pubDate>Sat, 05 Apr 2008 17:46:37 +0000</pubDate>
		<dc:creator>neryo</dc:creator>
				<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Framework]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[RAD]]></category>
		<category><![CDATA[Sviluppo applicazioni]]></category>
		<category><![CDATA[ajax framework codeigniter]]></category>
		<category><![CDATA[helper ajax codeigniter]]></category>
		<category><![CDATA[librerie ajax codeigniter]]></category>
		<category><![CDATA[prototype codeigniter]]></category>
		<category><![CDATA[scriptaculous codeigniter.]]></category>

		<guid isPermaLink="false">http://www.programmazione-web.com/usare-librerie-ajax-nel-framework-codeigniter.php</guid>
		<description><![CDATA[Usare librerie Ajax nel framework php Codeigniter In questo post del blog vediamo come integrare facilmente nelle nostre applicazioni script ajax utilizzando sempre il framework php codeigniter. Il pacchetto scaricabile da qui, &#8220;Ajax for Codeigniter&#8221; ci permette di fornire funzionalitá ajax nelle nostre applicazioni web, utilizzando semplicemente degli helpers che includono le librerie ajax, in [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Usare librerie Ajax nel framework php Codeigniter</strong></p>
<p>In questo post del blog vediamo come integrare facilmente nelle nostre applicazioni script ajax utilizzando sempre il framework php codeigniter.  Il pacchetto scaricabile da <a href="http://codeigniter.com/wiki/File:AJAX-for-CodeIgniter.zip/" title="ajax for codeigniter framework" target="_blank">qui</a>, &#8220;Ajax for Codeigniter&#8221; ci permette di fornire funzionalitá ajax nelle nostre applicazioni web, utilizzando semplicemente degli helpers che includono le librerie ajax, in particolare potremmo utilizzare le librerie <a href="http://www.prototypejs.org/" title="protorype javascript" target="_blank">prototype</a> e <a href="http://script.aculo.us/" title="Scipt.acolo.us ajax framework" target="_blank">scriptaculous</a>.</p>
<p>Vediamo in pochi passi come configurare il framework, poi per i dettagli di utilizzo fate riferimento alla guida all&#8217;interno del pacchetto. </p>
<p>Scompattare il pacchetto &#8220;ajax for codeigniter&#8221; scaricato e inserire il file Ajax.php nella cartella di default delle librerie:</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">www-root/<a href="http://www.php.net/system"><span class="kw3">system</span></a>/libraries/</div>
</li>
</ol>
</div>
<p>Inserire i file javascript nella root directory del web server, che potrebbe essere ad esempio:</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">www-root/javascript/</div>
</li>
</ol>
</div>
<p>Se nel web server avete il mod_rewrite abilitato, accertatevi che la cartella javascript sia accessibile, inserendo questo file .htaccess:</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">RewriteEngine on</div>
</li>
<li class="li1">
<div class="de1">RewriteCond $<span class="nu0">1</span> !^<span class="br0">&#40;</span>index\.php|images|stylesheets|&lt;strong&gt;javascript&lt;/strong&gt;<span class="br0">&#41;</span></div>
</li>
<li class="li1">
<div class="de1">RewriteRule ^<span class="br0">&#40;</span>.*<span class="br0">&#41;</span>$ /index.php/$<span class="nu0">1</span> <span class="br0">&#91;</span>L<span class="br0">&#93;</span></div>
</li>
</ol>
</div>
<p>Ora semplicemente potete includere i file javascript che volete utilizzare nei vostri files html:</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">&lt;script src=&quot;javascript/prototype.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;script src=&quot;javascript/effects.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;script src=&quot;javascript/dragdrop.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
</div>
</li>
<li class="li1">
<div class="de1">&lt;script src=&quot;javascript/controls.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;</div>
</li>
</ol>
</div>
<p>In fine, per caricare la libreria AJAX si procede come qualsiasi altra libreria di Codeigniter, o si carica direttamente dentro il Controller dove si vuole utilizzarla:</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1"><span class="re0">$this</span>-&gt;<span class="me1">load</span>-&gt;<span class="me1">library</span><span class="br0">&#40;</span><span class="st0">&#8216;ajax&#8217;</span><span class="br0">&#41;</span>;</div>
</li>
</ol>
</div>
<p>Oppure é possibile caricarla automaticamente attraverso l&#8217;autoload delle librerie, inserendola nel vettore della variabile incaricata nel file <strong>system/application/config/autoload.php</strong>:</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1"><span class="re0">$autoload</span><span class="br0">&#91;</span><span class="st0">&#8216;libraries&#8217;</span><span class="br0">&#93;</span> = <a href="http://www.php.net/array"><span class="kw3">array</span></a><span class="br0">&#40;</span><span class="st0">&#8216;database&#8217;</span>, <span class="st0">&#8216;session&#8217;</span>, <span class="st0">&#8216;&lt;strong&gt;ajax&lt;/strong&gt;&#8217;</span><span class="br0">&#41;</span>;</div>
</li>
</ol>
</div>
<p>Ora tutto quello che dobbiamo fare per usare l&#8217;AJAX helper é chiamare <em>$this->ajax</em>. Ad esempio:</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1"><a href="http://www.php.net/echo"><span class="kw3">echo</span></a> <span class="re0">$this</span>-&gt;<span class="me1">ajax</span>-&gt;<span class="me1">link_to_remote</span><span class="br0">&#40;</span><span class="st0">&quot;Login&quot;</span>, <a href="http://www.php.net/array"><span class="kw3">array</span></a><span class="br0">&#40;</span><span class="st0">&#8216;url&#8217;</span> =&gt; <span class="st0">&#8216;/login&#8217;</span>, <span class="st0">&#8216;update&#8217;</span> =&gt; <span class="st0">&#8216;divblock&#8217;</span><span class="br0">&#41;</span><span class="br0">&#41;</span>;</div>
</li>
</ol>
</div>
<p>Per testarne il funzionamento mi sono fatto una piccola pagina di test dove dopo aver caricato nel Controller la libreria ajax, come abbiamo visto precedentemente, nella vista ho inserito un div su cui attraverso un link posso applicare un effetto di fade:</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">&lt;div id=<span class="st0">&quot;my_text&quot;</span> style=<span class="st0">&quot;border: 1px solid #CCC&quot;</span>&gt;</div>
</li>
<li class="li1">
<div class="de1">orem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc non orci. Donec enim. Fusce eget libero. Nam semper malesuada lacus.</div>
</li>
<li class="li1">
<div class="de1">&lt;/div&gt;</div>
</li>
<li class="li2">
<div class="de2">&nbsp;</div>
</li>
<li class="li1">
<div class="de1">&lt; ? <a href="http://www.php.net/echo"><span class="kw3">echo</span></a> <span class="re0">$this</span>-&gt;<span class="me1">ajax</span>-&gt;<span class="me1">link_to_function</span><span class="br0">&#40;</span><span class="st0">&quot;test ajax Fade&quot;</span>,<span class="st0">&quot;Effect.Fade(&#8216;my_text&#8217;)&quot;</span><span class="br0">&#41;</span>; <span class="kw2">?&gt;</span></div>
</li>
</ol>
</div>
<p><strong>Riferimenti:</strong><br />
<a href="http://codeigniter.com/wiki/AJAX_for_CodeIgniter/" title="ajax for codeigniter framework" target="_blank">http://codeigniter.com/wiki/AJAX_for_CodeIgniter</a></p>
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.programmazione-web.com%2Fusare-librerie-ajax-nel-framework-codeigniter.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/usare-librerie-ajax-nel-framework-codeigniter.php/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

