Implement Tag Cloud?

jshan · 2009-03-12 19:21:40

Hi,

Does anyone have any good resource to point me to or suggestions/tips to implement a Flash tag cloud in TXP? I’m trying to make a tag cloud that is enclosed in a 3D sphere using Flash. Tags will float/rotate within, depending on your selection. I’m no Fash savvy by the way. :-P

Is it doable in TXP?

Thanks in advance!

Jay

kemie · 2009-03-13 09:24:17

Do you already have the flash file? if so, how does it need the parameters to be sent to it?

jshan · 2009-03-14 08:01:15

No… actually. I’m not sure how much effort required to create such Flash effect, considering I’m getting on board. :)

I’m using rss_unlimiated _category plugin which has a TXP tag to general Tag Cloud. But ultimately I’m trying to emulate the effect as the Tag Cloud I stumbled on here Quite obviously, it’s a Word Press.

Any help would be appreciated!

the_ghost · 2009-03-14 08:10:30

You should just now where and the set of tags is set, i mean somewhere this info should tell flash script – tag and its height/font-weight.

jshan · 2009-03-14 18:44:02

is there any good tut for creating such flash script? or is there similar plugin for me to begin with?

MattD · 2009-03-14 18:57:02

A little view source and a bit of the old google leads us to information about cumulus tag cloud it’s open source

Last edited by MattD (2009-03-14 19:14:40)

MattD · 2009-03-15 22:42:16

You could do this if there was a way to output your tags in the following format

<tags>
<a href='http://www.textpattern.com' style='22' color='0xff0000' hicolor='0x00cc00'>Textpattern</a>
<a href='http://www.textpattern.com' style='12'>tag</a>
<a href='http://www.textpattern.com' style='16'>cloud</a>
</tags>

using the code Roy has made available here
but I can’t figure out how to get either tru_tags or smd_tags to do it.

MattD · 2009-03-16 16:17:19

This is doable using smd_tags (see Stef’s caveat)

For starters you could include the following in your article form (it’s important that the tagcloud variable have no line breaks)

	<div id="flashcontent">This will be shown to users with no Flash or Javascript.</div>

	<script type="text/javascript">
		var so = new SWFObject("/files/tagcloud.swf", "tagcloud", "600", "400", "7", "#ffffff");
		// uncomment next line to enable transparency
		//so.addParam("wmode", "transparent");
		so.addVariable("tcolor", "0x333333");
		so.addVariable("mode", "tags");
		so.addVariable("distr", "true");
		so.addVariable("tspeed", "100");
		so.addVariable("tagcloud", "<tags><txp:smd_tag_list wraptag="" break="" ><a href='<txp:site_url />smd_tags/article/<txp:smd_tag_name />' style='<txp:smd_tag_count wrapcount=""/>'><txp:smd_tag_name /></a></txp:smd_tag_list></tags>");		so.write("flashcontent");
	</script>

And you’ll need swfobject.js in your head

<script type="text/javascript" src="/js/swfobject.js"></script>

you can obtain tagcloud.swf and swfobject.js from Roy’s site

Last edited by MattD (2009-03-16 16:24:53)

jshan · 2009-03-16 17:50:01

Matt, thanks lots! I think I have enough to begin with (or get confused…lol) for my shot.

Will post update if there’s some enlightment :)

superfly · 2009-06-30 21:11:42

hello,

I made some changes to use the WP-Cumulus Flash plugin with tru_tags. See Plugin Help Page after installation. I cant provide any patches if it wont work, sorry ;-)

tru_tags_flash_v3.5.1. compressed
tru_tags_flash_v3.5.1.

Get the JS and SWF file from Roy Tanck

Add the JS file in your HTML header and put the tagcloud.swf file in the same folder as the swfobject.js:

<script type="text/javascript" src="<txp:site_url />PATH_TO_JS/swfobject.js"></script>

Use this in your textpattern form:

<div id="flashcontent">
Please get the Flash Plugin!
<txp:tru_tags_cloud listlimit="20" cutoff="exact" />
</div>
<script type="text/javascript">
var so = new SWFObject("<txp:site_url />PATH_TO/tagcloud.swf", "tagcloud", "300", "175", "7", "#ffffff");
// uncomment next line to enable transparency
//so.addParam("wmode", "transparent");
so.addVariable("tcolor", "0x990000");
so.addVariable("tcolor2", "0x990000");
so.addVariable("hicolor", "0x6C0000");
so.addVariable("mode", "tags");
so.addVariable("distr", "true");
so.addVariable("tspeed", "100");
so.addVariable("tagcloud", "<tags><txp:tru_tags_cloud_flash listlimit="30" cutoff="exact" /></tags>");
so.write("flashcontent");
</script>

MattD · 2009-06-30 22:12:30

You may want to ask Nathan to add this to the original tru_tags to avoid confusion.

ruud · 2009-07-01 18:46:13

Or use your own plugin prefix. You cannot use another author’s plugin prefix unless you take over maintenance of a plugin.

Textpattern CMS

Textpattern CMS support forum

#1 2009-03-12 19:21:40

Implement Tag Cloud?

#2 2009-03-13 09:24:17

Re: Implement Tag Cloud?

#3 2009-03-14 08:01:15

Re: Implement Tag Cloud?

#4 2009-03-14 08:10:30

Re: Implement Tag Cloud?

#5 2009-03-14 18:44:02

Re: Implement Tag Cloud?

#6 2009-03-14 18:57:02

Re: Implement Tag Cloud?

#7 2009-03-15 22:42:16

Re: Implement Tag Cloud?

#8 2009-03-16 16:17:19

Re: Implement Tag Cloud?

#9 2009-03-16 17:50:01

Re: Implement Tag Cloud?

#10 2009-06-30 21:11:42

Re: Implement Tag Cloud?

#11 2009-06-30 22:12:30

Re: Implement Tag Cloud?

#12 2009-07-01 18:46:13

Re: Implement Tag Cloud?

Board footer