Componente Javascript para Nuvem de Tag

Assuntos Gerais
#1

Galera, Boa tarde

Vou precisar fazer uma nuvem de tags, onde
o tamanha (setado por css) de cada tag varia de acordo
com o número de notícias associadas aquela tag.
Para não reinventar a roda, gostaria de saber se algum de vocês já
teve que usar um componente do tipo.
Vou dando uma googlesada por enquanto,
mas se não houver jeito mesmo, vou eu mesmo
implementar essa solução.

Valeu gente !

#2

[quote=esantana]Galera, Boa tarde

Vou precisar fazer uma nuvem de tags, onde
o tamanha (setado por css) de cada tag varia de acordo
com o número de notícias associadas aquela tag.
Para não reinventar a roda, gostaria de saber se algum de vocês já
teve que usar um componente do tipo.
Vou dando uma googlesada por enquanto,
mas se não houver jeito mesmo, vou eu mesmo
implementar essa solução.

Valeu gente !

[/quote]
To precisando de algo parecido se achar posta aki a solução :smiley:

#3

Po cara… to precisando disso também, vamos usar no sistema que estamos implementando e eu não faço a minima idéia de como isso funciona… será que dará muito trabalho, ou a lógica é fácil !? se alguém souber ai ficarei grato em obter tal dica… valew !

#4

tb preciso de algo parecido, estou quase fazendo um…

#5

Galera,

para quem não sabe o que é uma núvem de tag,

Vou ter uma lista de notícias pegas por rss,
posso optar por salvar uma notícia e assim associar
uma tag à mesma.
Quanto mais notícias eu tiver associadas à uma tag, maior será
a fonte da mesma.

As informações sobre as tags portanto são puxadas do banco de dados.
Só preciso de um componente que use essas informações e gere
a visualização da núvem de tags para mim.

#6

Ae esantana eu também tó prescisando de algo assim se alguem souber por favor…

#7

[code]
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover {text-decoration: underline;
color: #FF0000;
}
a:active {text-decoration: none}

#box-mais-buscadas {border-top:3px solid #DDD;margin:1.33em 0 0 0;padding:1.67em 0;width:50.5em;}
#box-mais-buscadas h2 {font-size:1.835em;letter-spacing:-0.08em;margin-bottom:0.4em;}
#box-mais-buscadas p {line-height:1.83em;}
#box-mais-buscadas a {color:#06C;}
#box-mais-buscadas a:hover {text-decoration:underline;}
#box-mais-buscadas .tags {margin-bottom:0.83em;}

#box-mais-buscadas .t1 {font-size:1.335em;}
#box-mais-buscadas .t2 {font-size:1.835em;}
#box-mais-buscadas .t3 {font-size:2.335em;}
#box-mais-buscadas .t4 {font-size:2.835em;}

	<div id="box-mais-buscadas">
		<h2>mais buscadas</h2>
		<p class="tags">

		<a href="http://busca.globo.com/Sites/busca/buscar.ssp?annotationClass=no&query=a favorita" onclick="trackerPortal(this, 'X/4');" title="a favorita" class="t1" rel="tag">a favorita</a> &nbsp;  

		<a href="http://busca.globo.com/Sites/busca/buscar.ssp?annotationClass=no&query=ana maria braga" onclick="trackerPortal(this, 'X/4');" title="ana maria braga" class="t1" rel="tag">ana maria braga</a> &nbsp;  

		<a href="http://busca.globo.com/Sites/busca/buscar.ssp?annotationClass=no&query=auto esporte" onclick="trackerPortal(this, 'X/0');" title="auto esporte" class="t0" rel="tag">auto esporte</a> &nbsp;  

		<a href="http://busca.globo.com/Sites/busca/buscar.ssp?annotationClass=no&query=bbb" onclick="trackerPortal(this, 'X/3');" title="bbb" class="t3" rel="tag">bbb</a> &nbsp;  

		<a href="http://busca.globo.com/Sites/busca/buscar.ssp?annotationClass=no&query=beleza pura" onclick="trackerPortal(this, 'X/2');" title="beleza pura" class="t2" rel="tag">beleza pura</a> &nbsp;  

		<a href="http://busca.globo.com/Sites/busca/buscar.ssp?annotationClass=no&query=cabocla" onclick="trackerPortal(this, 'X/4');" title="cabocla" class="t4" rel="tag">cabocla</a> &nbsp;  
	
</p>

</div>

[/code] Dentro da tag “<a” altera o class(t1, t2, t3 e t4) conforme as tags mais visitadas.

#8

Poxa Rodrigo,
valeu mesmo,
ficou bonito, vou colocar uma logica agora usando
Jstl.

#9