<?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>ariel.pchara &#187; jQuery</title>
	<atom:link href="http://ariel.pchara.com/category/sistemas/jquery/feed/" rel="self" type="application/rss+xml" />
	<link>http://ariel.pchara.com</link>
	<description>Bem normal...</description>
	<lastBuildDate>Mon, 21 Jun 2010 23:50:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1-alpha</generator>
		<item>
		<title>Gradiente de cores em JavaScript</title>
		<link>http://ariel.pchara.com/302/gradiente-de-cores-em-javascript/</link>
		<comments>http://ariel.pchara.com/302/gradiente-de-cores-em-javascript/#comments</comments>
		<pubDate>Wed, 26 Nov 2008 15:44:42 +0000</pubDate>
		<dc:creator>Ariel Pchara</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Sistemas]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://ariel.pchara.com/?p=302</guid>
		<description><![CDATA[Essa semana fui atraz de fazer uma função que me retornasse um array com a graduação de cores, que correspondem a um numero de graduações e de um outro array com as cores principais. A função é simples ao chama-la você deve passar dois parâmetros, o primeiro é a quantidade de cores que a função]]></description>
			<content:encoded><![CDATA[<p><script src="download/cores.js" type="text/javascript"></script><br />
<script src="download/jquery/jquery.montaSelect.js" type="text/javascript"></script></p>
<p>Essa semana fui atraz de fazer uma função que me retornasse um array com a graduação de cores, que correspondem a um numero de graduações e de um outro array com as cores principais.</p>
<p>A função é simples ao chama-la você deve passar dois parâmetros, o primeiro é a quantidade de cores que a função deve retornar, o segundo é um array com as cores que o gradiente deve passar, estas cores são passadas como no CSS feito ela de 3 ou de 6 caracteres. O retorno da função é um outro array com o gradiente já montado.</p>
<p><strong>cores(Integer, Array):Array;</strong></p>
<p><em>var lista = cores(30,['F00','0F0','00F']);<br />
// lista contem o gradiente completo</em></p>
<style>
#gradiendColors { font-size: 10px; color:#FFF; line-height: 10px; }
</style>
<p>Cor 1:<br />
<select id="cor01" class="cores"></select>
<p>Cor 2:<br />
<select id="cor02" class="cores"></select>
<p>Cor 3:<br />
<select id="cor03" class="cores"></select>
<input type="button" value="Montar gradiente" id="criaGradiente" />
<div id="gradiendColors"></div>
<p><script src="download/execCores.js" type="text/javascript"></script></p>
<p><a href="download/cores.js">Ver javaScript da função</a><br />
<a href="download/execCores.js">Ver javaScript da execução</a></p>
]]></content:encoded>
			<wfw:commentRss>http://ariel.pchara.com/302/gradiente-de-cores-em-javascript/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Monta um select dinamicamente com Ajax+JSON+jQuery</title>
		<link>http://ariel.pchara.com/106/monta-um-select-dinamicamente-com-ajaxjsonjquery/</link>
		<comments>http://ariel.pchara.com/106/monta-um-select-dinamicamente-com-ajaxjsonjquery/#comments</comments>
		<pubDate>Thu, 11 Sep 2008 13:21:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://ariel.pchara.com/?p=106</guid>
		<description><![CDATA[A sinfonia perfeita diria assim, essas tres técnicas, parecem ter sido feitas uma para a outra e utilizando elas de maneira correta da para se fazer milagres com o que antes era um parto quando trabalhava-se só com javaScript puro. Aqui temos uma função bem simples que monta um select com os dados montados em]]></description>
			<content:encoded><![CDATA[<p>A sinfonia perfeita diria assim, essas tres técnicas, parecem ter sido feitas uma para a outra e utilizando elas de maneira correta da para se fazer milagres com o que antes era um parto quando trabalhava-se só com javaScript puro.</p>
<p>Aqui temos uma função bem simples que monta um select com os dados montados em JSON.</p>
<p><!-- .aguarde{ background:#CCC; font-style:italic; color:#999; } --></p>
<p><script src="download/jquery/jquery.montaSelect.js" type="text/javascript"></script><br />
 Estados</p>
<select id="estados"></select>
<p>Cidades (Só vai caregar cidades de SC/Brasil, é um exemplo)</p>
<select id="cidades">
<option>Selecione um estado</option>
</select>
<p><script type="text/javascript"><!--
jQuery("#estados").montaSELECT({
	url: "http://ariel.pchara.com/download/jquery/estados.php"
}).change(function(){
	jQuery("#cidades").montaSELECT({
		url: "http://ariel.pchara.com/download/jquery/cidades_SC.php",
		data: {id:jQuery(this).val()}
	});
});
// --></script></p>
<p><a href="http://ariel.pchara.com/download/jquery/jquery.montaSelect.js">Ver função</a></p>
]]></content:encoded>
			<wfw:commentRss>http://ariel.pchara.com/106/monta-um-select-dinamicamente-com-ajaxjsonjquery/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Dual select, jQuery</title>
		<link>http://ariel.pchara.com/85/dual-select-jquery/</link>
		<comments>http://ariel.pchara.com/85/dual-select-jquery/#comments</comments>
		<pubDate>Wed, 27 Aug 2008 16:45:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[formulario]]></category>
		<category><![CDATA[web 2.0]]></category>

		<guid isPermaLink="false">http://ariel.pchara.com/?p=85</guid>
		<description><![CDATA[Uma solução simples para, implementar em um formulario, selecionar itens dentro e uma lista de uma forma simples e visual. [{"uf":["SC","SP","AM","RJ","RS"]}] base: &#8220;kdualBase.tpl&#8221;, url: false, // arquivo carregado data: {}, // dados anviados para o PHP attr: [], // atributos vindos do json que será colocado no TAG do markup name: &#8220;selected&#8221;, // nome o]]></description>
			<content:encoded><![CDATA[<p>Uma solução simples para, implementar em um formulario, selecionar itens dentro e uma lista de uma forma simples e visual.</p>
<p><script src="download/jquery/kdual-1.1.jquery.js" type="text/javascript"></script><br />
 <script type="text/javascript"><!--
jQuery(function(){
	jQuery("#dual1").montaDual({
		url: "http://ariel.pchara.com/download/jquery/estados.php",
		texto: "nome",
                id: "uf",
		change: function(de, para){
			para.append("(selecionado)");
		}
	});
});
// --></script></p>
<p><!-- #dual1 { float: left; width: 450px; } .KD-list { float: left; width: 223px; height: 200px; overflow: auto; border: 1px solid #999; } .KD-list .KD-option { padding: 4px; margin: 2px; background: #DDF; cursor: pointer; } .KD-list .KD-selecionado { display: none; } .clear { clear: both; } --></p>
<div id="dual1">[{"uf":["SC","SP","AM","RJ","RS"]}]</div>
<p>base: &#8220;kdualBase.tpl&#8221;,<br />
url: false, 						// arquivo carregado<br />
data: {}, 							// dados anviados para o PHP<br />
attr: [], 							// atributos vindos do json que será colocado no TAG do markup<br />
name: &#8220;selected&#8221;, 					// nome o input que será enviado pelo form<br />
maximo: 0, 							// maximo de itens selecionados<br />
direcao: &#8220;baixo&#8221;, 					// cima ou baixo<br />
busca: false,						// formulario de busca<br />
origem: &#8220;.KD-list-A&#8221;,				// lista de origem local onde vai ser montado a lista<br />
destino: &#8220;.KD-list-B&#8221;,				// destino<br />
texto: &#8220;option&#8221;,<br />
id: &#8220;id&#8221;,<br />
change: function(){ return true },  // executa a função quando seleciona ou remove<br />
beforeSend: function(){ return true }, // executa a função ao solicitar a lista<br />
success: function(){ return true } 	// executa essa função quando a lista é carregada</p>
<p><a href="download/jquery/kdual-1.1.jquery.js">kdual-1.1.jquery.js</a></p>
]]></content:encoded>
			<wfw:commentRss>http://ariel.pchara.com/85/dual-select-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
