<?xml version="1.0"?>
     <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
     <channel>
      <link>http://www.bitacora.davidesperalta.com/</link>
      <title>David Esperalta - Entrada "Alucinante plugin para jQuery: Taconite" de la bitácora</title>
      <generator>Gesbit</generator>
      <description>Bitácora personal, software, opinión</description>
      <atom:link href="http://www.bitacora.davidesperalta.com/rss/" rel="self"
       type="application/rss+xml" />
    
      <item>
       <link>http://www.bitacora.davidesperalta.com/alucinante-plugin-para-jquery-taconite/</link>
       <guid>http://www.bitacora.davidesperalta.com/alucinante-plugin-para-jquery-taconite/</guid>
       <pubDate>Thu, 24 Jan 2008 16:05:48 +0100</pubDate>
       <title><![CDATA[ Alucinante plugin para jQuery: Taconite ]]></title>
       <description><![CDATA[<p>
<img src="http://www.bitacora.davidesperalta.com/archives/images/logotipo-jquery.png" width="180" height="195" alt="Logotipo de jQuery" class="floatleft" />

Lo bueno de estar al loro del sitio web de los <a href="http://www.bitacora.davidesperalta.com/los-plugins-de-jquery/" title="Entrada en esta bitácora">plugins para jQuery</a> es que te topas con cosas como <a href="http://malsup.com/jquery/taconite/" title="Sitio web del plugin Taconite para jQuery">Taconite</a>. ¿Qué es Taconite, en pocas palabras? La posibilidad de realizar varios cambios en el <a href="http://es.wikipedia.org/wiki/Document_Object_Model" title="Más información en la Wikipedia">DOM</a> a partir de sólo una petición HTTP de un documento XML.
</p>
<p>
En inglés se entiende mejor, yo creo: "Make multiple DOM manipulations in response to a single remote call." Y eso es justamente lo que te permite el plugin Taconite para jQuery. Tienes docenas de ejemplos en el <a href="http://malsup.com/jquery/taconite/" title="Sitio web del plugin Taconite para jQuery">sitio web del plugin</a>. Supón un archivo XML como el siguiente:
</p><div class="gbhighlighcode"><div class="sourcecode"><pre class="xml">&nbsp;
&nbsp;
&nbsp;
  Este texto se situará después de #ejemplo 
&nbsp;
&nbsp;
&nbsp;
  <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;div<span style="font-weight: bold; color: black;">&gt;</span></span></span>Este DIV se situará antes de #ejemplo<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/div<span style="font-weight: bold; color: black;">&gt;</span></span></span> 
&nbsp;
&nbsp;
&nbsp;
&nbsp;
  <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;span</span> <span style="color: #000066;">style</span>=<span style="color: #ff0000;">&quot;1px dashed #00F&quot;</span><span style="font-weight: bold; color: black;">&gt;</span></span><span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/span<span style="font-weight: bold; color: black;">&gt;</span></span></span> 
&nbsp;
&nbsp;
&nbsp;
  <span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;div<span style="font-weight: bold; color: black;">&gt;</span></span></span>Y añadiremos este texto a #ejemplo<span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/div<span style="font-weight: bold; color: black;">&gt;</span></span></span></pre></div></div>
<p>
La magia parte de solicitar un archivo como el anterior a través de una petición HTTP, que bien puede ser en segundo plano, vaya, lo que con jQuery podría quedar tal que:
</p><div class="gbhighlighcode"><div class="sourcecode"><pre class="javascript">$.<span style="color: #006600;">get</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'ejemplo.xml'</span><span style="color: #66cc66;">&#41;</span>;</pre></div></div>
<p>
jQuery se encargará de solicitar el archivo "ejemplo.xml" y el plugin Taconite hará el resto, es decir, con una sola llamada conseguiremos hacer múltiples cambios a la vez en el DOM del documento, y no creas que se reducen al ejemplo que muestro arriba, el plugin da bastante más de sí. 
</p>
<p>
No dejes de revisar los <a href="http://malsup.com/jquery/taconite/#examples" title="Ejemplos del plugin Taconite">ejemplos disponibles</a> y te sorprenderás. Del mismo autor que el plugin Taconite para jQuery pueden encontrarse <a href="http://malsup.com/jquery/" title="Otros plugins del autor de Taconite">otros plugins</a> que también son muy interesantes, como <a href="http://malsup.com/jquery/block/" title="Plugin para jQuery BlockUI">BlockUI</a>, que ya el nombre te está diciendo para qué sirve.
</p>]]></description>
      </item>
      
     </channel>
    </rss>