Привет!
Хотите предисловие? Будет вам предисловие!
Жил-был я. ( http://vingrad.ru/@gta4kv ) И делать мне видимо было нечего.
А чем я занимаюсь когда мне нечего делать? Правильно! Пишу бесполезные статьи сюда.
Сегодня статья будет о довольно актуальной сейчас теме - "Создание облака тегов".
Пожалуй начнем.
Сначала создаем класс:
Объявляем переменные:
| Код |
private $maxWords = 20;
private $maxLines = 5;
private $nowWord = 0;
private $nowLines = 0;
private $wordsArray = array();
private $count = 0;
private $perLine = 10;
private $nowElement = 1;
|
Создаем функцию __construct():
| Код |
function __construct( $words = false, $maxWords = 20, $maxLines = 5, $perLine = 10 )
{
$this->maxWords = $maxWords;
$this->maxLines = $maxLines;
$this->perLine = $perLine;
if ( is_array( $words ) && $words !== false )
{
foreach ( $words as $key => $value )
{
$this->addWord( $value );
}
}
}
|
Здесь:- Перебираем все слова, добавляем их на "облако" с помощью $this->addWord().
- Устанавливаем значения для maxWords, maxLines, perLine. ( Максимум слов, максимум строк, и максимум элементов на строке соответственно ).
Теперь этот самый addWord():
| Код |
function addWord( $word, $value = 1 )
{
$word = strtolower( $word );
if ( array_key_exists( $word, $this->wordsArray ) )
{
$this->wordsArray[ $word ] += $value;
}
else
{
$this->wordsArray[ $word ] = $value;
}
return $this->wordsArray[ $word ];
}
|
Здесь:- "Складываем" слова в массив.
Теперь функция для "перемешивания облака".
| Код |
function shuffleCloud()
{
$keys = array_keys( $this->wordsArray );
shuffle( $keys );
if ( is_array( $keys ) && count( $keys ) )
{
$tmpArray = $this->wordsArray;
$this->wordsArray = array( );
foreach ( $keys as $key => $value )
{
$this->wordsArray[ $value ] = $tmpArray[ $value ];
}
}
}
|
Тут вроде все понятно, просто перемешиваем массив.
Дальше нам пригодится функция подсчета массива. 
| Код |
function getCloudSize()
{
return array_sum( $this->wordsArray );
}
|
Тут тоже вроде все понятно.
Так как размер букв у нас будет выходить из css нам понадобится функция которая будет выбирать нужный класс:
| Код |
function getClassFromPercent( $percent )
{
if ($percent >= 99)
$class = 1;
else if ($percent >= 70)
$class = 2;
else if ($percent >= 60)
$class = 3;
else if ($percent >= 50)
$class = 4;
else if ($percent >= 40)
$class = 5;
else if ($percent >= 30)
$class = 6;
else if ($percent >= 20)
$class = 7;
else if ($percent >= 10)
$class = 8;
else if ($percent >= 5)
$class = 9;
else
$class = 0;
return $class;
}
|
Здесь:- В функцию передается процент, из этого выбирается css-класс.
Ну и теперь главная функция, вывод нашего облака:
| Код |
function showCloud( $returnType = "html" )
{
$this->shuffleCloud();
$this->max = max( $this->wordsArray );
if ( is_array( $this->wordsArray ) )
{
$return = ( $returnType == "html" ? "" : ( $returnType == "array" ? array( ) : "" ) );
foreach ( $this->wordsArray as $word => $popularity )
{
$sizeRange = $this->getClassFromPercent( ( $popularity / $this->max ) * 100 );
if ( $returnType == "array" )
{
$return[ $word ][ 'word' ] = $word;
$return[ $word ][ 'sizeRange' ] = $sizeRange;
if ( $currentColour )
$return[ $word ][ 'randomColour' ] = $currentColour;
}
else if ( $returnType == "html" )
{
if( $this->nowLine == $this->maxLines ) return;
if( $this->nowWord == $this->maxWords ) return;
print "<span class='word size{$sizeRange}'>{$word}</span>\n";
if( $this->nowElement == $this->perLine )
{
print "\n<br />\n\n";
$this->nowElement = 0;
$this->nowLine++;
}
$this->nowElement++;
$this->nowWord++;
}
}
return $return;
}
}
|
Здесь:- Выводим облако.
- Если $returnType == html, то облако выводится как html, иначе просто складывается в массив ( само слово и размер ).
Осталось только "заюзать".
| Код |
<style>
<!–
.word {
font-family: Tahoma;
padding: 4px 4px 4px 4px;
letter-spacing: 3px;
}
span.size1 {
color: #000;
font-size: 2.4em;
}
span.size2 {
color: #333;
font-size:2.2em;
}
span.size3 {
color: #666;
font-size: 2.0em;
}
span.size4 {
color: #999;
font-size: 1.0em;
}
span.size5 {
color: #aaa;
font-size: 1.6em;
}
span.size6 {
color: #bbb;
font-size: 1.4em;
}
span.size7 {
color: #ccc;
font-size: 1.2em;
}
span.size8 {
color: #ddd;
font-size: .8em;
}
span.size0 {
color: #ccc;
font-size: .6em;
}
</style>
<?
$randomWords = array(
"webmasterworld", "vingrad", "Computer", "C#", "PC", "sex", "music", "music", "music", "music", "sex", "PHP", "C", "vingrad", "XHTML", "sex", "C#", "eminem", "programming", "forums", "sex", "webmasterworld", "vingrad", "sex", "C#",
"email", "sex", "vingrad", "C#", "C#", "C#", "C#", "C#", "C#", "C#", "forums", "C#", "Computer", "GTA", "css", "mysql", "sql", "css", "mysql", "C#", "sql", "gta4kv for vingrad", "gta4kv for vingrad", "gta4kv for vingrad", "gta4kv for vingrad", "gta4kv for vingrad", "gta4kv for vingrad", "gta4kv for vingrad", "gta4kv for vingrad",
"forums", "internet", "class", "vingrad", "object", "sex", "C#", "method", "music", "music", "music", "music", "gui", "sex", "vingrad", "encryption"
);
$cloud = new wordCloud( $randomWords, 250, 3, 5 );
$cloud->shuffleCloud();
echo $cloud->showCloud();
?>
Здесь:
|
- 10 css стилей.
- Массив со словами.
- Вывод нашего облака.
- Если надо что бы облако всегда перемешивалось - вызываем функцию $cloud->shuffleCloud(); до вывода облака.
Вот весь код, если кто где запутался:
| Код |
<?
final class wordCloud
{
private $maxWords = 20;
private $maxLines = 5;
private $nowWord = 0;
private $nowLines = 0;
private $wordsArray = array();
private $count = 0;
private $perLine = 10;
private $nowElement = 1;
function __construct( $words = false, $maxWords = 20, $maxLines = 5, $perLine = 10 )
{
$this->maxWords = $maxWords;
$this->maxLines = $maxLines;
$this->perLine = $perLine;
if ( is_array( $words ) && $words !== false )
{
foreach ( $words as $key => $value )
{
$this->addWord( $value );
}
}
}
function addWord( $word, $value = 1 )
{
$word = strtolower( $word );
if ( array_key_exists( $word, $this->wordsArray ) )
{
$this->wordsArray[ $word ] += $value;
}
else
{
$this->wordsArray[ $word ] = $value;
}
return $this->wordsArray[ $word ];
}
function shuffleCloud()
{
$keys = array_keys( $this->wordsArray );
shuffle( $keys );
if ( is_array( $keys ) && count( $keys ) )
{
$tmpArray = $this->wordsArray;
$this->wordsArray = array( );
foreach ( $keys as $key => $value )
{
$this->wordsArray[ $value ] = $tmpArray[ $value ];
}
}
}
function getCloudSize()
{
return array_sum( $this->wordsArray );
}
function getClassFromPercent( $percent )
{
if ($percent >= 99)
$class = 1;
else if ( $percent >= 70 )
$class = 2;
else if ( $percent >= 60 )
$class = 3;
else if ( $percent >= 50 )
$class = 4;
else if ( $percent >= 40 )
$class = 5;
else if ( $percent >= 30 )
$class = 6;
else if ( $percent >= 20 )
$class = 7;
else if ( $percent >= 10 )
$class = 8;
else if ( $percent >= 5 )
$class = 9;
else
$class = 0;
return $class;
}
function showCloud( $returnType = "html" )
{
$this->shuffleCloud();
$this->max = max( $this->wordsArray );
if ( is_array( $this->wordsArray ) )
{
$return = ( $returnType == "html" ? "" : ( $returnType == "array" ? array( ) : "" ) );
foreach ( $this->wordsArray as $word => $popularity )
{
$sizeRange = $this->getClassFromPercent( ( $popularity / $this->max ) * 100 );
if ( $returnType == "array" )
{
$return[ $word ][ 'word' ] = $word;
$return[ $word ][ 'sizeRange' ] = $sizeRange;
if ( $currentColour )
$return[ $word ][ 'randomColour' ] = $currentColour;
}
else if ( $returnType == "html" )
{
if( $this->nowLine == $this->maxLines ) return;
if( $this->nowWord == $this->maxWords ) return;
print "<span class='word size{$sizeRange}'>{$word}</span>\n";
if( $this->nowElement == $this->perLine )
{
print "\n<br />\n\n";
$this->nowElement = 0;
$this->nowLine++;
}
$this->nowElement++;
$this->nowWord++;
}
}
return $return;
}
}
}
?>
<style>
<!–
.word {
font-family: Tahoma;
padding: 4px 4px 4px 4px;
letter-spacing: 3px;
}
span.size1 {
color: #000;
font-size: 2.4em;
}
span.size2 {
color: #333;
font-size:2.2em;
}
span.size3 {
color: #666;
font-size: 2.0em;
}
span.size4 {
color: #999;
font-size: 1.0em;
}
span.size5 {
color: #aaa;
font-size: 1.6em;
}
span.size6 {
color: #bbb;
font-size: 1.4em;
}
span.size7 {
color: #ccc;
font-size: 1.2em;
}
span.size8 {
color: #ddd;
font-size: .8em;
}
span.size0 {
color: #ccc;
font-size: .6em;
}
</style>
<?
$randomWords = array(
"webmasterworld", "vingrad", "Computer", "C#", "PC", "sex", "music", "music", "music", "music", "sex", "PHP", "C", "vingrad", "XHTML", "sex", "C#", "eminem", "programming", "forums", "sex", "webmasterworld", "vingrad", "sex", "C#",
"email", "sex", "vingrad", "C#", "C#", "C#", "C#", "C#", "C#", "C#", "forums", "C#", "Computer", "GTA", "css", "mysql", "sql", "css", "mysql", "C#", "sql", "gta4kv for vingrad", "gta4kv for vingrad", "gta4kv for vingrad", "gta4kv for vingrad", "gta4kv for vingrad", "gta4kv for vingrad", "gta4kv for vingrad", "gta4kv for vingrad",
"forums", "internet", "class", "vingrad", "object", "sex", "C#", "method", "music", "music", "music", "music", "gui", "sex", "vingrad", "encryption"
);
$cloud = new wordCloud( $randomWords, 250, 3, 5 );
$cloud->shuffleCloud();
echo $cloud->showCloud();
?>
|
© http://vingrad.ru/@gta4kv
Последнее обновление: Monday, 14 April 2008.
ps. про плюсики не забываем, ога? )
|
