<?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>Joaquín Nuñez &#187; javascript</title>
	<atom:link href="http://joaquinnunez.cl/blog/tag/javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://joaquinnunez.cl/blog</link>
	<description>web2.0, symfony, jquery, javascript, php, web, develpment</description>
	<lastBuildDate>Thu, 06 Oct 2011 19:44:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Titulos al estilo Alejandro con jQuery</title>
		<link>http://joaquinnunez.cl/blog/2010/11/09/titulos-al-estilo-alejandro-con-jquery/</link>
		<comments>http://joaquinnunez.cl/blog/2010/11/09/titulos-al-estilo-alejandro-con-jquery/#comments</comments>
		<pubDate>Tue, 09 Nov 2010 04:24:03 +0000</pubDate>
		<dc:creator>Joaquín Núñez</dc:creator>
				<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[class]]></category>
		<category><![CDATA[sin espacios]]></category>
		<category><![CDATA[span]]></category>
		<category><![CDATA[titulo]]></category>

		<guid isPermaLink="false">http://joaquinnunez.cl/blog/?p=696</guid>
		<description><![CDATA[Este mini-plugin va en honor a Alejandro Adriasola amo y señor de las páginas web y el diseño. Lo que hace es bien sencillo, toma un texto y lo junta envolviendolo con spans alternando las clases para obtener un lindo resultado si se usa con un css adecuado. /* Copyright (c) 2009 José Joaquí­n Núñez [...]]]></description>
			<content:encoded><![CDATA[<p>Este mini-plugin va en honor a <a href="http://www.facebook.com/ceromascero">Alejandro Adriasola</a> amo y señor de las <a href="http://www.designa.cl/">páginas web y el diseño</a>.</p>
<p>Lo que hace es bien sencillo, toma un texto y lo junta envolviendolo con spans alternando las clases para obtener un lindo resultado si se usa con un css adecuado.</p>
<div class="codesnip-container" >
<div class="javascript codesnip" style="font-family:monospace;"><span class="coMULTI">/* Copyright (c) 2009 José Joaquí­n Núñez (josejnv@gmail.com) http://joaquinnunez.cl/blog/<br />
&nbsp;* Licensed under CBSDLLIAT (http://twitter.com/joaquin_nunez/status/1852053223636992)<br />
&nbsp;*<br />
&nbsp;* Version : 0.1<br />
&nbsp;*<br />
&nbsp;* Requires: jQuery 1.4+<br />
&nbsp;*/</span></p>
<p><span class="br0">&#40;</span><span class="kw2">function</span><span class="br0">&#40;</span>$<span class="br0">&#41;</span><br />
<span class="br0">&#123;</span><br />
&nbsp; jQuery.<span class="me1">fn</span>.<span class="me1">AlejandroTitle</span> <span class="sy0">=</span> <span class="kw2">function</span><span class="br0">&#40;</span>options<span class="br0">&#41;</span><br />
&nbsp; <span class="br0">&#123;</span><br />
&nbsp; &nbsp; <span class="kw2">var</span> defaults <span class="sy0">=</span> <span class="br0">&#123;</span><br />
&nbsp; &nbsp; &nbsp; firstClass<span class="sy0">:</span> &nbsp;<span class="st0">&#8216;green&#8217;</span><span class="sy0">,</span><br />
&nbsp; &nbsp; &nbsp; secondClass<span class="sy0">:</span> <span class="st0">&#8216;gray&#8217;</span><br />
&nbsp; &nbsp; <span class="br0">&#125;</span><span class="sy0">;</span></p>
<p>&nbsp; &nbsp; <span class="kw2">var</span> opts <span class="sy0">=</span> $.<span class="me1">extend</span><span class="br0">&#40;</span>defaults<span class="sy0">,</span> options<span class="br0">&#41;</span><span class="sy0">;</span></p>
<p>&nbsp; &nbsp; <span class="kw1">this</span>.<span class="me1">each</span><span class="br0">&#40;</span><span class="kw2">function</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span><br />
&nbsp; &nbsp; &nbsp; <span class="kw2">var</span> title <span class="sy0">=</span> jQuery<span class="br0">&#40;</span><span class="kw1">this</span><span class="br0">&#41;</span>.<span class="me1">html</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="sy0">;</span><br />
&nbsp; &nbsp; &nbsp; <span class="kw2">var</span> words <span class="sy0">=</span> title.<span class="me1">split</span><span class="br0">&#40;</span><span class="st0">&#8216; &#8216;</span><span class="br0">&#41;</span><span class="sy0">;</span><br />
&nbsp; &nbsp; &nbsp; <span class="kw2">var</span> newTitle <span class="sy0">=</span> <span class="st0">&#8221;</span><span class="sy0">;</span><br />
&nbsp; &nbsp; &nbsp; jQuery<span class="br0">&#40;</span>words<span class="br0">&#41;</span>.<span class="me1">each</span><span class="br0">&#40;</span><span class="kw2">function</span><span class="br0">&#40;</span>index<span class="sy0">,</span> word<span class="br0">&#41;</span><span class="br0">&#123;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; cssClass <span class="sy0">=</span> index <span class="sy0">%</span> 2 <span class="sy0">==</span> 0 <span class="sy0">?</span> defaults.<span class="me1">firstClass</span> <span class="sy0">:</span> defaults.<span class="me1">secondClass</span><span class="sy0">;</span><br />
&nbsp; &nbsp; &nbsp; &nbsp; newTitle <span class="sy0">+=</span> <span class="st0">&#8216;&lt;span class=&quot;&#8217;</span><span class="sy0">+</span>cssClass<span class="sy0">+</span><span class="st0">&#8216;&quot;&gt;&#8217;</span> <span class="sy0">+</span> word <span class="sy0">+</span> <span class="st0">&#8216;&lt;/span&gt;&#8217;</span><span class="sy0">;</span><br />
&nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span><br />
&nbsp; &nbsp; &nbsp; jQuery<span class="br0">&#40;</span><span class="kw1">this</span><span class="br0">&#41;</span>.<span class="me1">html</span><span class="br0">&#40;</span>newTitle<span class="br0">&#41;</span><span class="sy0">;</span><br />
&nbsp; &nbsp; <span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span><br />
&nbsp; <span class="br0">&#125;</span><br />
<span class="br0">&#125;</span><span class="br0">&#41;</span><span class="br0">&#40;</span>jQuery<span class="br0">&#41;</span><span class="sy0">;</span></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://joaquinnunez.cl/blog/2010/11/09/titulos-al-estilo-alejandro-con-jquery/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Formatear números con punto como separador de miles con javascript</title>
		<link>http://joaquinnunez.cl/blog/2010/09/20/formatear-numeros-con-punto-como-separador-de-miles-con-javascript/</link>
		<comments>http://joaquinnunez.cl/blog/2010/09/20/formatear-numeros-con-punto-como-separador-de-miles-con-javascript/#comments</comments>
		<pubDate>Mon, 20 Sep 2010 15:46:36 +0000</pubDate>
		<dc:creator>Joaquín Núñez</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[formatear]]></category>
		<category><![CDATA[formato]]></category>
		<category><![CDATA[mil]]></category>
		<category><![CDATA[miles]]></category>
		<category><![CDATA[numero]]></category>
		<category><![CDATA[punto]]></category>
		<category><![CDATA[separador]]></category>

		<guid isPermaLink="false">http://joaquinnunez.cl/blog/?p=665</guid>
		<description><![CDATA[<pre>[code lang="javascript"]
Number.prototype.format = function(){
var number = new String(this);
var result = '';
while( number.length > 3 )
{
 result = '.' + number.substr(number.length - 3) + result;
 number = number.substring(0, number.length - 3);
}
result = number + result;
return result;
};
[/code]</pre>]]></description>
			<content:encoded><![CDATA[<p>Actualización: el código inicial, era poco óptimo, este es mejor.</p>
<pre>
<div class="codesnip-container" >
<div class="javascript codesnip" style="font-family:monospace;">Number.<span class="me1">prototype</span>.<span class="me1">format</span> <span class="sy0">=</span> <span class="kw2">function</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
<span class="kw2">var</span> number <span class="sy0">=</span> <span class="kw2">new</span> String<span class="br0">&#40;</span><span class="kw1">this</span><span class="br0">&#41;</span><span class="sy0">;</span>
<span class="kw2">var</span> result <span class="sy0">=</span> <span class="st0">''</span><span class="sy0">;</span>
<span class="kw1">while</span><span class="br0">&#40;</span> number.<span class="me1">length</span> <span class="sy0">&gt;</span> <span class="nu0">3</span> <span class="br0">&#41;</span>
<span class="br0">&#123;</span>
&nbsp;result <span class="sy0">=</span> <span class="st0">'.'</span> <span class="sy0">+</span> number.<span class="me1">substr</span><span class="br0">&#40;</span>number.<span class="me1">length</span> <span class="sy0">-</span> 3<span class="br0">&#41;</span> <span class="sy0">+</span> result<span class="sy0">;</span>
&nbsp;number <span class="sy0">=</span> number.<span class="me1">substring</span><span class="br0">&#40;</span>0<span class="sy0">,</span> number.<span class="me1">length</span> <span class="sy0">-</span> 3<span class="br0">&#41;</span><span class="sy0">;</span>
<span class="br0">&#125;</span>
result <span class="sy0">=</span> number <span class="sy0">+</span> result<span class="sy0">;</span>
<span class="kw1">return</span> result<span class="sy0">;</span>
<span class="br0">&#125;</span><span class="sy0">;</span></div>
</div>
</pre>
<p>Saludos</p>
]]></content:encoded>
			<wfw:commentRss>http://joaquinnunez.cl/blog/2010/09/20/formatear-numeros-con-punto-como-separador-de-miles-con-javascript/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jquery clock plugin</title>
		<link>http://joaquinnunez.cl/blog/2010/07/02/jquery-clock-plugin/</link>
		<comments>http://joaquinnunez.cl/blog/2010/07/02/jquery-clock-plugin/#comments</comments>
		<pubDate>Sat, 03 Jul 2010 00:11:50 +0000</pubDate>
		<dc:creator>Joaquín Núñez</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[analog]]></category>
		<category><![CDATA[clock]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[date]]></category>
		<category><![CDATA[digital]]></category>
		<category><![CDATA[hour]]></category>
		<category><![CDATA[minutes]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[seconds]]></category>
		<category><![CDATA[time]]></category>
		<category><![CDATA[timezone]]></category>
		<category><![CDATA[world]]></category>

		<guid isPermaLink="false">http://joaquinnunez.cl/blog/?p=593</guid>
		<description><![CDATA[jquery clock plugin is just another clock plugin, it comes with an analog and digital options and another option to handle timezones, warning! the analog clock only works with css3 for the analog clock (and almost all the plugin) i&#8217;m using the code and images from this article of css-tricks.com you can see this plugin [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter" title="jquery clock plugin" src="http://joaquinnunez.cl/blog/wp-content/uploads/2010/07/clock.jpg" alt="jquery clock plugin" width="570" height="197" /><br />
<a title="jquery clock plugin" href="http://joaquinnunez.cl/jquery-clock-plugin/">jquery clock plugin</a> is just another clock plugin, it comes with an analog and digital options and another option to handle timezones, warning! the analog clock only works with css3</p>
<p>for the analog clock (and almost all the plugin) i&#8217;m using the code and images from this article of <a href="http://css-tricks.com/css3-clock/">css-tricks.com</a></p>
<p>you can see this plugin completely in action in this <a href="http://eco.netvibes.com/widgets/381247/world-clock">netvibes world clock widget</a></p>
<p>greetings</p>
]]></content:encoded>
			<wfw:commentRss>http://joaquinnunez.cl/blog/2010/07/02/jquery-clock-plugin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Disabling a input without using disabled=&#8221;disabled&#8221; with jquery</title>
		<link>http://joaquinnunez.cl/blog/2010/03/12/disabling-a-input-without-using-disabled%e2%80%9ddisabled%e2%80%9d-with-jquery/</link>
		<comments>http://joaquinnunez.cl/blog/2010/03/12/disabling-a-input-without-using-disabled%e2%80%9ddisabled%e2%80%9d-with-jquery/#comments</comments>
		<pubDate>Sat, 13 Mar 2010 00:59:57 +0000</pubDate>
		<dc:creator>Joaquín Núñez</dc:creator>
				<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[disabled]]></category>
		<category><![CDATA[form]]></category>
		<category><![CDATA[input]]></category>

		<guid isPermaLink="false">http://joaquinnunez.cl/blog/?p=645</guid>
		<description><![CDATA[$&#40;'.you_cant_change_this_input_unless_you_have_linux_and_you_use_the_middle_mouse_button_or_you_use_a_javascript_console_a_bookmarklet_or_something_like_that'&#41;.keydown&#40;function&#40;&#41;&#123; &#160; return false; &#125;&#41;.mousedown&#40;function&#40;&#41;&#123; &#160; return false; &#125;&#41;;]]></description>
			<content:encoded><![CDATA[<pre>
<div class="codesnip-container" >
<div class="javascript codesnip" style="font-family:monospace;">$<span class="br0">&#40;</span><span class="st0">'.you_cant_change_this_input_unless_you_have_linux_and_you_use_the_middle_mouse_button_or_you_use_a_javascript_console_a_bookmarklet_or_something_like_that'</span><span class="br0">&#41;</span>.<span class="me1">keydown</span><span class="br0">&#40;</span><span class="kw2">function</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; <span class="kw1">return</span> <span class="kw2">false</span><span class="sy0">;</span>
<span class="br0">&#125;</span><span class="br0">&#41;</span>.<span class="me1">mousedown</span><span class="br0">&#40;</span><span class="kw2">function</span><span class="br0">&#40;</span><span class="br0">&#41;</span><span class="br0">&#123;</span>
&nbsp; <span class="kw1">return</span> <span class="kw2">false</span><span class="sy0">;</span>
<span class="br0">&#125;</span><span class="br0">&#41;</span><span class="sy0">;</span></div>
</div>
</pre>
]]></content:encoded>
			<wfw:commentRss>http://joaquinnunez.cl/blog/2010/03/12/disabling-a-input-without-using-disabled%e2%80%9ddisabled%e2%80%9d-with-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jquery css cleaner</title>
		<link>http://joaquinnunez.cl/blog/2009/10/06/jquery-css-cleaner/</link>
		<comments>http://joaquinnunez.cl/blog/2009/10/06/jquery-css-cleaner/#comments</comments>
		<pubDate>Tue, 06 Oct 2009 14:45:34 +0000</pubDate>
		<dc:creator>Joaquín Núñez</dc:creator>
				<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[cleaner]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[light]]></category>
		<category><![CDATA[loading time]]></category>
		<category><![CDATA[optimizing css]]></category>
		<category><![CDATA[unused css]]></category>

		<guid isPermaLink="false">http://joaquinnunez.cl/blog/?p=520</guid>
		<description><![CDATA[this helper it&#8217;ll help you with the recognition of unused css selectors and properties/values, so you could delete this lines of your css file in order to make it lighter. if you are this kind of person worried about the loading time, optimizing everything, you would find this script very useful and you&#8217;ll love it. [...]]]></description>
			<content:encoded><![CDATA[<p>this helper it&#8217;ll help you with the recognition of unused css selectors and properties/values, so you could delete this lines of your css file in order to make it lighter.</p>
<p>if you are this kind of person worried about the loading time, optimizing everything, you would find this script very useful and you&#8217;ll love it.</p>
<p>i&#8217;ve improved the style of this script and the last one for make it more presentable and useful, so enjoy it</p>
<p>(again) this script with a css compressor like <a title="css compressor" href="http://www.cssdrive.com/index.php/main/csscompressor">this</a> or <a title="another css compressor" href="http://www.cleancss.com/">this</a> are a complet and useful tools for make your css files lighter</p>
<p><strong style="font-size:18px;">put this code in your html to try the script, you will see a box with the list of unused css in the right bottom</strong></p>
<div class="codesnip-container" >
<div class="html4strict codesnip" style="font-family:monospace;"><span class="sc2">&lt;<a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;text/javascript&quot;</span> <span class="kw3">src</span><span class="sy0">=</span><span class="st0">&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js&quot;</span>&gt;&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a>&gt;</span><br />
<span class="sc2">&lt;<a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;text/javascript&quot;</span> <span class="kw3">src</span><span class="sy0">=</span><span class="st0">&quot;http://joaquinnunez.cl/download/jquery.css.cleaner.js&quot;</span>&gt;&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a>&gt;</span></div>
</div>
<p>greetings</p>
]]></content:encoded>
			<wfw:commentRss>http://joaquinnunez.cl/blog/2009/10/06/jquery-css-cleaner/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>jquery seo mini helper</title>
		<link>http://joaquinnunez.cl/blog/2009/09/29/jquery-seo-mini-helper/</link>
		<comments>http://joaquinnunez.cl/blog/2009/09/29/jquery-seo-mini-helper/#comments</comments>
		<pubDate>Tue, 29 Sep 2009 15:55:21 +0000</pubDate>
		<dc:creator>Joaquín Núñez</dc:creator>
				<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[alt]]></category>
		<category><![CDATA[enlaces]]></category>
		<category><![CDATA[imagenes]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[script]]></category>
		<category><![CDATA[title]]></category>

		<guid isPermaLink="false">http://joaquinnunez.cl/blog/?p=503</guid>
		<description><![CDATA[in SEO there are important tips like: an image must have a title and an alt text or a link must have title. check all these thing is pretty bored&#8230;. so i wrote a jquery-based script that check for images or links without those things. the result es very basic, don&#8217;t expect nothing very impressive [...]]]></description>
			<content:encoded><![CDATA[<p>in SEO there are important tips like: an image must have a title and an alt text or a link must have title.<br />
check all these thing is pretty bored&#8230;. so i wrote a jquery-based script that check for images or links without those things.</p>
<p>the result es very basic, don&#8217;t expect nothing very impressive or really advanced. the beatiful part is that you can navigate through your pages and see inmediately the results</p>
<p>this script plus the <a href="http://sensational-seo.com/">senseo addon for firebug</a> are two very helpul tools for make SEO easy.</p>
<p>for use the script, you can put this code in your html file</p>
<div class="codesnip-container" >
<div class="html4strict codesnip" style="font-family:monospace;"><span class="sc2">&lt;<a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a> <span class="kw3">src</span><span class="sy0">=</span><span class="st0">&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js&quot;</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;text/javascript&quot;</span>&gt;&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a>&gt;</span><br />
<span class="sc2">&lt;<a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a> <span class="kw3">src</span><span class="sy0">=</span><span class="st0">&quot;http://joaquinnunez.cl/download/jquery.seo.js&quot;</span> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;text/javascript&quot;</span>&gt;&lt;<span class="sy0">/</span><a href="http://december.com/html/4/element/script.html"><span class="kw2">script</span></a>&gt;</span></div>
</div>
<p>enjoy :D</p>
]]></content:encoded>
			<wfw:commentRss>http://joaquinnunez.cl/blog/2009/09/29/jquery-seo-mini-helper/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>capitalizando texto con jquery</title>
		<link>http://joaquinnunez.cl/blog/2009/06/12/capitalizando-texto-con-jquery/</link>
		<comments>http://joaquinnunez.cl/blog/2009/06/12/capitalizando-texto-con-jquery/#comments</comments>
		<pubDate>Fri, 12 Jun 2009 22:56:39 +0000</pubDate>
		<dc:creator>Joaquín Núñez</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[capitalization]]></category>
		<category><![CDATA[capitalize]]></category>
		<category><![CDATA[input]]></category>
		<category><![CDATA[plugin]]></category>

		<guid isPermaLink="false">http://joaquinnunez.cl/blog/?p=498</guid>
		<description><![CDATA[Conociendo lo desordenado que son la mayoría de los usuarios de internet cuando por ejemplo, llenan un formulario, he creado un pequeñisimo &#8220;plugincito&#8221; de jquery para que el texto ingresado por un usuario en un &#60;input /&#62; se capitalize. Le puse jquery capitalize para mantener mi originalidad &#8230; acá los demos, documentación ( bien corta [...]]]></description>
			<content:encoded><![CDATA[<p>Conociendo lo desordenado que son la mayoría de los usuarios de internet cuando por ejemplo, llenan un formulario, he creado un pequeñisimo &#8220;plugincito&#8221; de jquery para que el texto ingresado por un usuario en un &lt;input /&gt; se <a href="http://en.wikipedia.org/wiki/Capitalization">capitalize</a>.</p>
<p>Le puse <a title="jquery capitalize" href="http://joaquinnunez.cl/jquery-capitalize/">jquery capitalize</a> para mantener mi originalidad &#8230; acá los <a title="demo jquery capitalize" href="http://joaquinnunez.cl/jquery-capitalize/#demo_div">demos</a>, <a title="documentacion jquery capitalize" href="http://joaquinnunez.cl/jquery-capitalize/#doc">documentación</a> ( bien corta ) y <a title="descarga jquery capitalize" href="http://joaquinnunez.cl/jquery-capitalize/#download">descarga</a>.</p>
<p>también la publiqué en los <a href="http://plugins.jquery.com/project/capitalize">proyectos de jquery</a>.</p>
<p>saludos :-)</p>
]]></content:encoded>
			<wfw:commentRss>http://joaquinnunez.cl/blog/2009/06/12/capitalizando-texto-con-jquery/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>jQuery Rut Plugin &#8230; con más opciones y configurable</title>
		<link>http://joaquinnunez.cl/blog/2009/06/03/jquery-rut-plugin-con-mas-opciones-y-configurable/</link>
		<comments>http://joaquinnunez.cl/blog/2009/06/03/jquery-rut-plugin-con-mas-opciones-y-configurable/#comments</comments>
		<pubDate>Wed, 03 Jun 2009 22:00:49 +0000</pubDate>
		<dc:creator>Joaquín Núñez</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[chile]]></category>
		<category><![CDATA[formatear]]></category>
		<category><![CDATA[rut]]></category>
		<category><![CDATA[validacion]]></category>

		<guid isPermaLink="false">http://joaquinnunez.cl/blog/?p=488</guid>
		<description><![CDATA[Para los fanaticos&#8230;. agregué al plugin jquery del rut las cosas que quería y al menos que alguien tenga una buena idea &#8230; creo que lo dejaré así no mais hasta nuevo aviso. Si usabas una versión anterior la sintaxis cambió un poco, ahora todo es configurable, así que sé precavido. Agregué soporte para: Validación [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-492" title="demo-04" src="http://joaquinnunez.cl/blog/wp-content/uploads/2009/06/demo-04.png" alt="demo-04" width="675" height="259" /></p>
<p>Para los fanaticos&#8230;. agregué al <a href="http://joaquinnunez.cl/jQueryRutPlugin/">plugin jquery del rut</a> las cosas que quería y al menos que alguien tenga una buena idea &#8230; creo que lo dejaré así no mais hasta nuevo aviso.</p>
<p>Si usabas una versión anterior la sintaxis cambió un poco, ahora todo es configurable, así que sé precavido.</p>
<p>Agregué soporte para:</p>
<p>Validación en on y off. (Por si no quieres validar)</p>
<p>Formateo en on y off. ( Por si no quieres formatear )</p>
<p>Evento que formatea configurable ( Por si quieres efectuar el formateo cuando el usuario termina de escribir o en otro evento )</p>
<p>Digito verificador en otro input &#8230;.. ( :D )</p>
<p>Pueden <a href="http://joaquinnunez.cl/jQueryRutPlugin/#demo_div">ver demos</a>, <a href="http://joaquinnunez.cl/jQueryRutPlugin/#doc">leer la documentación</a> o <a href="http://cli.gs/jquery-rut-plugin">descargarlo</a>.</p>
<p>Saludos</p>
]]></content:encoded>
			<wfw:commentRss>http://joaquinnunez.cl/blog/2009/06/03/jquery-rut-plugin-con-mas-opciones-y-configurable/feed/</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>jQuery Validate Plugin + jQuery Rut Plugin</title>
		<link>http://joaquinnunez.cl/blog/2009/05/07/jquery-validate-plugin-jquery-rut-plugin/</link>
		<comments>http://joaquinnunez.cl/blog/2009/05/07/jquery-validate-plugin-jquery-rut-plugin/#comments</comments>
		<pubDate>Thu, 07 May 2009 04:27:08 +0000</pubDate>
		<dc:creator>Joaquín Núñez</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://joaquinnunez.cl/blog/?p=406</guid>
		<description><![CDATA[Hace dos post les comentaba de un plugin de validación de jQuery muy potente &#8230; y en el post anterior a este les comentaba que había solucionado unos problemas del plugin del rut para jQuery en internet explorer. Ahora y siguiendo la misma linea he integrado ambos para que puedas usar el validador del Rut [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-411" title="jquery-rut-validation-integracion" src="http://joaquinnunez.cl/blog/wp-content/uploads/2009/05/jquery-rut-validation-integracion.png" alt="jquery-rut-validation-integracion" width="547" height="339" /></p>
<p>Hace dos post les comentaba de un <a href="http://joaquinnunez.cl/blog/2009/04/09/jquery-plugin-validation/">plugin de validación de jQuery</a> muy potente &#8230; y en el post anterior a este les comentaba que había solucionado unos problemas del <a href="http://joaquinnunez.cl/blog/2009/05/05/jquery-rut-plugin-funcionando-en-ie/">plugin del rut para jQuery en internet explorer</a>. Ahora y siguiendo la misma linea he integrado ambos para que puedas usar el validador del Rut en el plugin de validación.</p>
<p>Este código lo puedes agregar en additional-methods.js o en algún otro lado y recuerda incluir el plugin del rut.</p>
<pre>
<div class="codesnip-container" >
<div class="javascript codesnip" style="font-family:monospace;">$.<span class="me1">validator</span>.<span class="me1">addMethod</span><span class="br0">&#40;</span><span class="st0">&quot;rut&quot;</span><span class="sy0">,</span> <span class="kw2">function</span><span class="br0">&#40;</span>value<span class="sy0">,</span> element<span class="br0">&#41;</span> <span class="br0">&#123;</span>
<span class="kw1">return</span> <span class="kw1">this</span>.<span class="me1">optional</span><span class="br0">&#40;</span>element<span class="br0">&#41;</span> <span class="sy0">||</span> $.<span class="me1">Rut</span>.<span class="me1">validar</span><span class="br0">&#40;</span>value<span class="br0">&#41;</span><span class="sy0">;</span>
<span class="br0">&#125;</span><span class="sy0">,</span> <span class="st0">&quot;Este campo debe ser un rut valido.&quot;</span><span class="br0">&#41;</span><span class="sy0">;</span></div>
</div>
</pre>
<p>Ahora y aprovenchando la flexibilidad del plugin de validación podemos obtener algo así.</p>
<pre>
<div class="codesnip-container" >
<div class="html4strict codesnip" style="font-family:monospace;"><span class="sc2">&lt;<a href="http://december.com/html/4/element/input.html"><span class="kw2">input</span></a> <span class="kw3">type</span><span class="sy0">=</span><span class="st0">&quot;text&quot;</span> <span class="kw3">name</span><span class="sy0">=</span><span class="st0">&quot;rut&quot;</span> <span class="kw3">class</span><span class="sy0">=</span><span class="st0">&quot;rut&quot;</span> <span class="sy0">/</span>&gt;</span></div>
</div>
</pre>
<p>Con lo que nos bastaría para validar el rut, sencillo y cómodo. El <a href="http://joaquinnunez.cl/jQueryRutPlugin/#int-jq-validation">demo acá</a>. Disfruten :D</p>
]]></content:encoded>
			<wfw:commentRss>http://joaquinnunez.cl/blog/2009/05/07/jquery-validate-plugin-jquery-rut-plugin/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>jQuery Rut Plugin funcionando en ie</title>
		<link>http://joaquinnunez.cl/blog/2009/05/05/jquery-rut-plugin-funcionando-en-ie/</link>
		<comments>http://joaquinnunez.cl/blog/2009/05/05/jquery-rut-plugin-funcionando-en-ie/#comments</comments>
		<pubDate>Wed, 06 May 2009 00:14:06 +0000</pubDate>
		<dc:creator>Joaquín Núñez</dc:creator>
				<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[internet explorer]]></category>

		<guid isPermaLink="false">http://joaquinnunez.cl/blog/?p=395</guid>
		<description><![CDATA[Hace ya bastante tiempo cuando publiqué el plugin para validar y formatear el rut  chileno con jquery no me dí el trabajo de testearlo en otro lado que no fuese firefox &#8230;. en realidad si lo hice, lo probé en ie, pero como no funcionaba y las herramientas de depurado en ie dejan bastante que [...]]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-401" title="jquery-rut-plugin-demo" src="http://joaquinnunez.cl/blog/wp-content/uploads/2009/05/jquery-rut-plugin-demo.png" alt="jquery-rut-plugin-demo" width="487" height="179" /></p>
<p>Hace ya bastante tiempo cuando publiqué el <a href="http://joaquinnunez.cl/blog/2008/10/28/jquery-rut-plugin/">plugin para validar y formatear el rut  chileno con jquery</a> no me dí el trabajo de testearlo en otro lado que no fuese firefox &#8230;. en realidad si lo hice, lo probé en ie, pero como no funcionaba y las herramientas de depurado en ie dejan bastante que desear lo de je así.</p>
<p>Hoy y gracias a un correo de un señor llamado Rodrigo Morales he vuelto a mirar el plugin y he dado con la solución. Por lo que ahora está funcionando en ie6 e ie7.</p>
<p>Pronto ( pueden ser varias semanas :p ) pretendo agregar un par de funcionalidades más para el deleite de los desarrolladores chilenos que usamos jquery :D</p>
<p>No estoy seguro si se cambió bien en la página de jquery &#8230; pero siempre lo pueden descargar desde la página del <a href="http://joaquinnunez.cl/jQueryRutPlugin/">proyecto</a> o directamente desde <a href="http://cli.gs/jquery-rut-plugin">acá</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://joaquinnunez.cl/blog/2009/05/05/jquery-rut-plugin-funcionando-en-ie/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

