<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Comentários sobre: jQuery Plugin: Characters lenght</title>
	<atom:link href="http://www.pinceladasdaweb.com.br/blog/2008/12/03/jquery-plugin-characters-lenght/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.pinceladasdaweb.com.br/blog/2008/12/03/jquery-plugin-characters-lenght/</link>
	<description>Tutoriais sobre: XHTML, CSS, JavaScript e WebStandards</description>
	<lastBuildDate>Sat, 11 Feb 2012 13:45:15 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
	<item>
		<title>Por: Leonardo</title>
		<link>http://www.pinceladasdaweb.com.br/blog/2008/12/03/jquery-plugin-characters-lenght/#comment-217761</link>
		<dc:creator>Leonardo</dc:creator>
		<pubDate>Tue, 05 Jul 2011 14:30:32 +0000</pubDate>
		<guid isPermaLink="false">http://www.pinceladasdaweb.com.br/blog/?p=1502#comment-217761</guid>
		<description>function conta_caracter(div,resultado){
	var total = $(&#039;#&#039;+div).attr(&#039;maxlength&#039;);
	var val = $(&#039;#&#039;+div).val();
	$(&#039;#&#039;+resultado).html(String(total-val.length));
}

114 caracteres


;)</description>
		<content:encoded><![CDATA[<p>function conta_caracter(div,resultado){<br />
	var total = $(&#8216;#&#8217;+div).attr(&#8216;maxlength&#8217;);<br />
	var val = $(&#8216;#&#8217;+div).val();<br />
	$(&#8216;#&#8217;+resultado).html(String(total-val.length));<br />
}</p>
<p>114 caracteres</p>
<p>;)</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Emerson Vinicius</title>
		<link>http://www.pinceladasdaweb.com.br/blog/2008/12/03/jquery-plugin-characters-lenght/#comment-172111</link>
		<dc:creator>Emerson Vinicius</dc:creator>
		<pubDate>Mon, 02 Nov 2009 05:23:20 +0000</pubDate>
		<guid isPermaLink="false">http://www.pinceladasdaweb.com.br/blog/?p=1502#comment-172111</guid>
		<description>olá Rogério 
tem um erro nesta linha:
if(left &lt; = 3){

o correto seria:

if(left &lt;= 3){</description>
		<content:encoded><![CDATA[<p>olá Rogério<br />
tem um erro nesta linha:<br />
if(left &lt; = 3){</p>
<p>o correto seria:</p>
<p>if(left &lt;= 3){</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Miriam de Paula</title>
		<link>http://www.pinceladasdaweb.com.br/blog/2008/12/03/jquery-plugin-characters-lenght/#comment-163657</link>
		<dc:creator>Miriam de Paula</dc:creator>
		<pubDate>Sat, 08 Aug 2009 22:50:03 +0000</pubDate>
		<guid isPermaLink="false">http://www.pinceladasdaweb.com.br/blog/?p=1502#comment-163657</guid>
		<description>Adaptei para meu uso... super simples!  Para usar em textarea, é só passar o valor que seria de maxlenght, pela funçao:

$(&#039;.contatexto&#039;).count(200);

Vejam que eu to passando o valor através da variavel &quot;m&quot;:

jQuery.fn.counter = function(m) {
  $(this).each(function() {
	var max = m;
	var val = $(this).attr(&#039;value&#039;);
	var cur = 0;
	if(val) //value=&quot;&quot;, or no value at all will cause an error
	cur = val.length;
	var left = max-cur;
	$(this).after(&quot;&quot; + left.toString() + &quot; caracteres restantes&quot; + &quot;&quot;);
 
	$(this).keyup(function(i) {
	  var max = m;
	  var val = $(this).attr(&#039;value&#039;);
	  var cur = 0;
	  if(val)
	  cur = val.length;
	  var left = max-cur;
	  $(this).next(&quot;.counter&quot;).text(left.toString() + &quot; caracteres restantes&quot;);
		if(left &lt;= 3){
			$(&#039;.counter&#039;).css(&#039;color&#039;, &#039;#ff0000&#039;);
		} else {
			$(&#039;.counter&#039;).css(&#039;color&#039;, &#039;#666666&#039;);
		}
	  return this;
	});
  });
  return this;
}</description>
		<content:encoded><![CDATA[<p>Adaptei para meu uso&#8230; super simples!  Para usar em textarea, é só passar o valor que seria de maxlenght, pela funçao:</p>
<p>$(&#8216;.contatexto&#8217;).count(200);</p>
<p>Vejam que eu to passando o valor através da variavel &#8220;m&#8221;:</p>
<p>jQuery.fn.counter = function(m) {<br />
  $(this).each(function() {<br />
	var max = m;<br />
	var val = $(this).attr(&#8216;value&#8217;);<br />
	var cur = 0;<br />
	if(val) //value=&#8221;", or no value at all will cause an error<br />
	cur = val.length;<br />
	var left = max-cur;<br />
	$(this).after(&#8220;&#8221; + left.toString() + &#8221; caracteres restantes&#8221; + &#8220;&#8221;);</p>
<p>	$(this).keyup(function(i) {<br />
	  var max = m;<br />
	  var val = $(this).attr(&#8216;value&#8217;);<br />
	  var cur = 0;<br />
	  if(val)<br />
	  cur = val.length;<br />
	  var left = max-cur;<br />
	  $(this).next(&#8220;.counter&#8221;).text(left.toString() + &#8221; caracteres restantes&#8221;);<br />
		if(left &lt;= 3){<br />
			$(&#039;.counter&#039;).css(&#039;color&#039;, &#039;#ff0000&#039;);<br />
		} else {<br />
			$(&#039;.counter&#039;).css(&#039;color&#039;, &#039;#666666&#039;);<br />
		}<br />
	  return this;<br />
	});<br />
  });<br />
  return this;<br />
}</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Mikael Carrara</title>
		<link>http://www.pinceladasdaweb.com.br/blog/2008/12/03/jquery-plugin-characters-lenght/#comment-103828</link>
		<dc:creator>Mikael Carrara</dc:creator>
		<pubDate>Fri, 23 Jan 2009 20:03:10 +0000</pubDate>
		<guid isPermaLink="false">http://www.pinceladasdaweb.com.br/blog/?p=1502#comment-103828</guid>
		<description>To achando que falei besteira, mas funfo :)</description>
		<content:encoded><![CDATA[<p>To achando que falei besteira, mas funfo :)</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Mikael Carrara</title>
		<link>http://www.pinceladasdaweb.com.br/blog/2008/12/03/jquery-plugin-characters-lenght/#comment-103827</link>
		<dc:creator>Mikael Carrara</dc:creator>
		<pubDate>Fri, 23 Jan 2009 19:59:10 +0000</pubDate>
		<guid isPermaLink="false">http://www.pinceladasdaweb.com.br/blog/?p=1502#comment-103827</guid>
		<description>A lógica é simples: maxlenght é um atributo do elemento input e não de textarea, então já que você quer um textarea no lugar do input, basta colocar um atributo que pertença ao elemento textarea.</description>
		<content:encoded><![CDATA[<p>A lógica é simples: maxlenght é um atributo do elemento input e não de textarea, então já que você quer um textarea no lugar do input, basta colocar um atributo que pertença ao elemento textarea.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Mikael Carrara</title>
		<link>http://www.pinceladasdaweb.com.br/blog/2008/12/03/jquery-plugin-characters-lenght/#comment-103823</link>
		<dc:creator>Mikael Carrara</dc:creator>
		<pubDate>Fri, 23 Jan 2009 19:51:40 +0000</pubDate>
		<guid isPermaLink="false">http://www.pinceladasdaweb.com.br/blog/?p=1502#comment-103823</guid>
		<description>Pra funcionar com textarea apenas troque o maxlenght por rows e depois defina a altura do textarea no css. Se fizer isso vai ficar identico ao do Twitter, exibindo o valor negativo, ou seja, o quanto se caracteres que você passou do permitido...

Espero ter ajudado, abraços!</description>
		<content:encoded><![CDATA[<p>Pra funcionar com textarea apenas troque o maxlenght por rows e depois defina a altura do textarea no css. Se fizer isso vai ficar identico ao do Twitter, exibindo o valor negativo, ou seja, o quanto se caracteres que você passou do permitido&#8230;</p>
<p>Espero ter ajudado, abraços!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Eduardo</title>
		<link>http://www.pinceladasdaweb.com.br/blog/2008/12/03/jquery-plugin-characters-lenght/#comment-100837</link>
		<dc:creator>Eduardo</dc:creator>
		<pubDate>Mon, 12 Jan 2009 18:22:01 +0000</pubDate>
		<guid isPermaLink="false">http://www.pinceladasdaweb.com.br/blog/?p=1502#comment-100837</guid>
		<description>Ta doido. É necessário jQuery para fazer um contador de caracteres?
Cuidado para uso demasiado de frameworks... Podem acabar programando em jQuery e não em JS hein.

Abraços..
Boa dica de qualquer forma.</description>
		<content:encoded><![CDATA[<p>Ta doido. É necessário jQuery para fazer um contador de caracteres?<br />
Cuidado para uso demasiado de frameworks&#8230; Podem acabar programando em jQuery e não em JS hein.</p>
<p>Abraços..<br />
Boa dica de qualquer forma.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Pedro Rogério</title>
		<link>http://www.pinceladasdaweb.com.br/blog/2008/12/03/jquery-plugin-characters-lenght/#comment-89084</link>
		<dc:creator>Pedro Rogério</dc:creator>
		<pubDate>Sun, 07 Dec 2008 13:41:42 +0000</pubDate>
		<guid isPermaLink="false">http://www.pinceladasdaweb.com.br/blog/?p=1502#comment-89084</guid>
		<description>Valeu pela dica Rômulo.</description>
		<content:encoded><![CDATA[<p>Valeu pela dica Rômulo.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: rômulo (rasp)</title>
		<link>http://www.pinceladasdaweb.com.br/blog/2008/12/03/jquery-plugin-characters-lenght/#comment-88638</link>
		<dc:creator>rômulo (rasp)</dc:creator>
		<pubDate>Sat, 06 Dec 2008 12:32:33 +0000</pubDate>
		<guid isPermaLink="false">http://www.pinceladasdaweb.com.br/blog/?p=1502#comment-88638</guid>
		<description>Opa Pedro,
Acompanho seu blog já algum tempo e resolvi hoje postar um link que tem muito haver com seu post e também que a galera está falando...

E uma função para caracteres em textareas:

http://www.sigswitch.com/2008/07/textarea-maxlength-with-jquery/

porém, não sei o motivo mais não consegui utiliza-la... espero que seja util e possa ajudar alguem!
Forte abraço!!!</description>
		<content:encoded><![CDATA[<p>Opa Pedro,<br />
Acompanho seu blog já algum tempo e resolvi hoje postar um link que tem muito haver com seu post e também que a galera está falando&#8230;</p>
<p>E uma função para caracteres em textareas:</p>
<p><a href="http://www.sigswitch.com/2008/07/textarea-maxlength-with-jquery/" rel="nofollow">http://www.sigswitch.com/2008/07/textarea-maxlength-with-jquery/</a></p>
<p>porém, não sei o motivo mais não consegui utiliza-la&#8230; espero que seja util e possa ajudar alguem!<br />
Forte abraço!!!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Barba</title>
		<link>http://www.pinceladasdaweb.com.br/blog/2008/12/03/jquery-plugin-characters-lenght/#comment-88367</link>
		<dc:creator>Barba</dc:creator>
		<pubDate>Fri, 05 Dec 2008 01:51:16 +0000</pubDate>
		<guid isPermaLink="false">http://www.pinceladasdaweb.com.br/blog/?p=1502#comment-88367</guid>
		<description>Realmente... sem possibilidade de usar em textareas fica inutil... alias um plugin com tudo isso de codigo pra fazer o mesmo que um simples document.getElementById(&#039;campo&#039;).value.length() no onKeyUp...</description>
		<content:encoded><![CDATA[<p>Realmente&#8230; sem possibilidade de usar em textareas fica inutil&#8230; alias um plugin com tudo isso de codigo pra fazer o mesmo que um simples document.getElementById(&#8216;campo&#8217;).value.length() no onKeyUp&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Igor</title>
		<link>http://www.pinceladasdaweb.com.br/blog/2008/12/03/jquery-plugin-characters-lenght/#comment-88221</link>
		<dc:creator>Igor</dc:creator>
		<pubDate>Thu, 04 Dec 2008 16:10:52 +0000</pubDate>
		<guid isPermaLink="false">http://www.pinceladasdaweb.com.br/blog/?p=1502#comment-88221</guid>
		<description>Opa, desculpe o comentário duplicado,
mas gostaria que você desse uma olhada no plugin que eu criei: http://igorvieira.com/blog/animate-to-class

Vê o que vc acha!

té mais!</description>
		<content:encoded><![CDATA[<p>Opa, desculpe o comentário duplicado,<br />
mas gostaria que você desse uma olhada no plugin que eu criei: <a href="http://igorvieira.com/blog/animate-to-class" rel="nofollow">http://igorvieira.com/blog/animate-to-class</a></p>
<p>Vê o que vc acha!</p>
<p>té mais!</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Igor</title>
		<link>http://www.pinceladasdaweb.com.br/blog/2008/12/03/jquery-plugin-characters-lenght/#comment-88220</link>
		<dc:creator>Igor</dc:creator>
		<pubDate>Thu, 04 Dec 2008 16:06:42 +0000</pubDate>
		<guid isPermaLink="false">http://www.pinceladasdaweb.com.br/blog/?p=1502#comment-88220</guid>
		<description>Bom, eu realmente não gostei do plugin, acho que o principal, que são as textareas ele não atendeu.

Bom, vou acabar pegando essa idéia e modificando um pouco para criar outro plugin, ai te aviso!

falows</description>
		<content:encoded><![CDATA[<p>Bom, eu realmente não gostei do plugin, acho que o principal, que são as textareas ele não atendeu.</p>
<p>Bom, vou acabar pegando essa idéia e modificando um pouco para criar outro plugin, ai te aviso!</p>
<p>falows</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Neto</title>
		<link>http://www.pinceladasdaweb.com.br/blog/2008/12/03/jquery-plugin-characters-lenght/#comment-88107</link>
		<dc:creator>Neto</dc:creator>
		<pubDate>Thu, 04 Dec 2008 10:47:10 +0000</pubDate>
		<guid isPermaLink="false">http://www.pinceladasdaweb.com.br/blog/?p=1502#comment-88107</guid>
		<description>Muito legal! E mais uma dica para guardar usando o JQuery.</description>
		<content:encoded><![CDATA[<p>Muito legal! E mais uma dica para guardar usando o JQuery.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Por: Celso</title>
		<link>http://www.pinceladasdaweb.com.br/blog/2008/12/03/jquery-plugin-characters-lenght/#comment-87771</link>
		<dc:creator>Celso</dc:creator>
		<pubDate>Wed, 03 Dec 2008 16:50:51 +0000</pubDate>
		<guid isPermaLink="false">http://www.pinceladasdaweb.com.br/blog/?p=1502#comment-87771</guid>
		<description>Como sempre o Pedro Rogério destruindo parabéns meu velho e quero ver o Sr lançar seu livro hein rs !</description>
		<content:encoded><![CDATA[<p>Como sempre o Pedro Rogério destruindo parabéns meu velho e quero ver o Sr lançar seu livro hein rs !</p>
]]></content:encoded>
	</item>
</channel>
</rss>

