Simple Yii Framework Tag Cloud Extension.
Requirements ¶
Yii 1.1 or above
Installation ¶
- Extract 'YiiTagCloud' folder to protected/extensions/YiiTagCloud.
Usage ¶
$this->widget('application.extensions.YiiTagCloud.YiiTagCloud',
array(
'beginColor' => '00089A',
'endColor' => 'A3AEFF',
'minFontSize' => 8,
'maxFontSize' => 20,
'arrTags' => array (
'MVC' => array('weight'=> 2),
'PHP' => array('weight'=> 9, 'url' => 'http://php.net'),
'MySQL' => array('weight'=> 8, 'url' => 'http://mysql.com'),
'jQuery' => array('weight'=> 6, 'url' => 'http://jquery.com'),
'SQL' => array('weight'=> 9),
'C#' => array('weight'=> 2),
),
)
);
Good work
Good work!
Nice
Nice
AJAX Update?
Really nice extension. I am planning on using this on a dashboard interface. I already have setup some charts, gauges, etc that use AJAX to update their contents every minute or so. A really neat feature would be add a way to update the tags dynamically.
I suppose you could use jquery to create and ajax request to a render partial but thats a bit inelegant :(
AJAX Update
Well I setup an AJAX request that renders a Partial view and it works rather well :D
For my purposes i did have to make some changes to the YiiTagCloud.php as when I was populating the tag array it was possible for all my qeights to be 0 which was causing an illeagal division by zero error. Changes as below
public function calcFontSize($weight) { if ($this->maxWeight - $this->minWeight == 0) { return round(($weight - $this->minWeight) + $this->minFontSize); } else { return round(((($weight - $this->minWeight) * ($this->maxFontSize - $this->minFontSize)) / ($this->maxWeight - $this->minWeight)) + $this->minFontSize); } }When this happened The tags were all showing as the beginColor which wasn't what I required so I changed the generate colors method with
if ($this->minWeight == 0 && $this->maxWeight == 0) { $beginColor = hexdec($this->endColor); $endColor = hexdec($this->endColor); }after
$endColor = hexdec($this->endColor);Might be an idea to add a class option for display color if all weights are the same?
Thanks
Thanks guys!!
@David Walker I'll think in a way of implement your suggestions
Adding some CSS class
Adding a CSS class in options for flexible styling will be nice!
good one
useful extension
Division by zero exception
When minWeight == maxWeight (if only one tag is given), division by zero excwption fires in this line
return round(((($weight - $this->minWeight) * ($this->maxFontSize - $this->minFontSize)) / ($this->maxWeight - $this->minWeight)) + $this->minFontSize); }to fix it changed it to
return round(((($weight - $this->minWeight) * ($this->maxFontSize - $this->minFontSize)) / (($this->maxWeight - $this->minWeight) || 1)) + $this->minFontSize); }using arrays
how to user array in to create tagcloud like this type of array.
Array ( [toy] => 2 [not-possible ] => 1 [peace] => 1 [nedds] => 1 [fullfilment] => 1 [pakistan] => 1 [no-terrorism] => 1 [message-for-muslims] => 1 [a] => 1 [just ] => 1 [for-showoff] => 1 [a-dream] => 1 [peace-hen] => 1 [reality] => 1 )
here apply cloud on keys and frequency is their values.
thanks in advance
If you have any questions, please ask in the forum instead.
Signup or Login in order to comment.