<?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>Felipe Theodoro &#187; jquery</title>
	<atom:link href="http://blog.ftgoncalves.com/category/programacao/framework/jquery-framework-programacao/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.ftgoncalves.com</link>
	<description>sempre Realimentação positiva</description>
	<lastBuildDate>Wed, 07 Apr 2010 19:28:45 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Plugins indispensaveis para Jquery</title>
		<link>http://blog.ftgoncalves.com/2009/08/plugins-indispensaveis-para-jquery/</link>
		<comments>http://blog.ftgoncalves.com/2009/08/plugins-indispensaveis-para-jquery/#comments</comments>
		<pubDate>Thu, 06 Aug 2009 14:58:48 +0000</pubDate>
		<dc:creator>Felipe Theodoro</dc:creator>
				<category><![CDATA[Framework]]></category>
		<category><![CDATA[Java Script]]></category>
		<category><![CDATA[Programação]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://blog.ftgoncalves.com/?p=88</guid>
		<description><![CDATA[Plugins indispensáveis para jQuery]]></description>
			<content:encoded><![CDATA[<p>Esses dias estava refletindo o quanto fico fácil programar para internet, claro com ajuda dos diversos frameworks.<br />
Uma ferramenta indispensável para mim é o Framework de desenvolvimento a-lá JavaScript jQuery, esta excelente caixa de ferramentas ajuda muito com o desenvolvimento de efeitos e melhorias na acessibilidade de um site. Pensando nisso separei alguns plugins os quais eu mais uso.</p>
<p><strong>Validation</strong><br />
link: http://docs.jquery.com/Plugins/Validation<br />
função: Validação de campos de formulários<br />
exemplo:</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;input type=&quot;text&quot; name=&quot;name&quot; class=&quot;required&quot; /&gt;</pre></div></div>


<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
        $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#form&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">validate</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p><strong>Masked Input</strong><br />
link: http://www.tidbits.com.br/plugin-de-mascara-para-jquery-masked-input<br />
função: Mascara em objetos de formulários<br />
exemplo:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#telefone&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">mask</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;9999-9999&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#cpf&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">mask</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;999.999.999-99&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#cep&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">mask</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;99999-999&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#data&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">mask</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;99/99/9999&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p><strong>Uploadify</strong><br />
link: http://www.uploadify.com/demo/<br />
função: Alternativa muito boa para o swfupload totalmente em JQuery e aberto para modificação no flash.<br />
exemplo:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
       	$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#fileInput1&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">uploadify</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
	<span style="color: #3366CC;">'uploader'</span>       <span style="color: #339933;">:</span> <span style="color: #3366CC;">'/_scripts/uploadify.swf'</span><span style="color: #339933;">,</span>
	<span style="color: #3366CC;">'script'</span>         <span style="color: #339933;">:</span> <span style="color: #3366CC;">'/_scripts/uploadify.php'</span><span style="color: #339933;">,</span>
	<span style="color: #3366CC;">'cancelImg'</span>      <span style="color: #339933;">:</span> <span style="color: #3366CC;">'/_images/cancel.png'</span><span style="color: #339933;">,</span>
	<span style="color: #3366CC;">'folder'</span>         <span style="color: #339933;">:</span> <span style="color: #3366CC;">'/_uploads'</span><span style="color: #339933;">,</span>
	<span style="color: #3366CC;">'multi'</span>          <span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p><strong>Datepicker</strong><br />
link: http://jqueryui.com/demos/datepicker/<br />
função: Calendaria e mais calendario.<br />
exemplo:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#datepicker&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">datepicker</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p><strong>jwysiwyg</strong><br />
link: http://code.google.com/p/jwysiwyg/<br />
função: Este editor wysiwyg é excelente apesar de não ser o mais famoso é bem usado no meio JQuery.<br />
exemplo:</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
    $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#wysiwyg'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">wysiwyg</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://blog.ftgoncalves.com/2009/08/plugins-indispensaveis-para-jquery/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
