Який найкращий спосіб створити хмару тегів з масиву, використовуючи h1 - h6 для розміру?

76

У мене є такі масиви:

$artist = array("the roots", "michael jackson", "billy idol", "more", "and more", "and_YET_MORE");
$count = array(5, 3, 9, 1, 1, 3);

Я хочу сформувати хмару тегів, в якій буде $countукладено виконавців із більшим числом вкладених у h6теги та найнижчими вкладеними h1тегами.

php  arrays  tag-cloud 
— w-ll
джерело

Відповіді:

40

Ви також захочете додати до нього логарифмічну функцію. (взято з tagadelic, мого модуля Drupal для створення хмар тегів http://drupal.org/project/tagadelic ):

db_query('SELECT COUNT(*) AS count, id, name FROM ... ORDER BY count DESC');

$steps = 6;
$tags = array();
$min = 1e9;
$max = -1e9;

while ($tag = db_fetch_object($result)) {
    $tag->number_of_posts = $tag->count; #sets the amount of items a certain tag has attached to it
    $tag->count = log($tag->count);
    $min = min($min, $tag->count);
    $max = max($max, $tag->count);
    $tags[$tag->tid] = $tag;
}
// Note: we need to ensure the range is slightly too large to make sure even
// the largest element is rounded down.
$range = max(.01, $max - $min) * 1.0001;

foreach ($tags as $key => $value) {
    $tags[$key]->weight = 1 + floor($steps * ($value->count - $min) / $range);
}

Потім у вашому поданні або шаблоні:

foreach ($tags as $tag) {
    $output .= "<h$tag->weight>$tag->name</h$tag->weight>"
}
— берки
джерело
30

Зверху моєї голови ...

$artist = array("the roots","michael jackson","billy idol","more","and more","and_YET_MORE");
$count = array(5,3,9,1,1,3);
$highest = max($count);
for (int $x = 0; $x < count($artist); $x++)
{
    $normalized = $count[$x] / $highest;
    $heading = ceil($normalized * 6); // 6 heading types
    echo "<h".$heading.">".$artist[$x]."</h".$heading.">";
}
— Райан Фокс
джерело
24

Можливо, це трохи академічно і не по темі, але hXтеги, мабуть, не найкращий вибір для хмари тегів з причини структури документа та всього подібного.

Можливо spans або a olз відповідними атрибутами класу (плюс деякі CSS)?

— Брендан
джерело
8

Використовували цей фрагмент деякий час, кредит - prism-perfect.net. Однак не використовує теги H

<div id="tags">
    <div class="title">Popular Searches</div>
    <?php
        // Snippet taken from [prism-perfect.net]

        include "/path/to/public_html/search/settings/database.php";
        include "/path/to/public_html/search/settings/conf.php";

        $query = "SELECT query AS tag, COUNT(*) AS quantity
        FROM sphider_query_log
        WHERE results > 0
        GROUP BY query
        ORDER BY query ASC
        LIMIT 10";

        $result = mysql_query($query) or die(mysql_error());

        while ($row = mysql_fetch_array($result)) {

            $tags[$row['tag']] = $row['quantity'];
        }

        // change these font sizes if you will
        $max_size = 30; // max font size in %
        $min_size = 11; // min font size in %

        // get the largest and smallest array values
        $max_qty = max(array_values($tags));
        $min_qty = min(array_values($tags));

        // find the range of values
        $spread = $max_qty - $min_qty;
        if (0 == $spread) { // we don't want to divide by zero
            $spread = 1;
        }

        // determine the font-size increment
        // this is the increase per tag quantity (times used)
        $step = ($max_size - $min_size)/($spread);

        // loop through our tag array
        foreach ($tags as $key => $value) {

            // calculate CSS font-size
            // find the $value in excess of $min_qty
            // multiply by the font-size increment ($size)
            // and add the $min_size set above
            $size = $min_size + (($value - $min_qty) * $step);
            // uncomment if you want sizes in whole %:
            // $size = ceil($size);

            // you'll need to put the link destination in place of the /search/search.php...
            // (assuming your tag links to some sort of details page)
            echo '<a href="https://stackoverflow.com/search/search.php?query='.$key.'&search=1" style="font-size: '.$size.'px"';
            // perhaps adjust this title attribute for the things that are tagged
            echo ' title="'.$value.' things tagged with '.$key.'"';
            echo '>'.$key.'</a> ';
            // notice the space at the end of the link
        }
    ?>
</div>
— Конрад Краков’як
джерело
Це здається мені хорошим підходом. Якщо ваші дані містяться в масиві, просто пропустіть частину бази даних. Я б рекомендував вам зберігати ім’я та рахунок виконавця в одному асоціативному масиві. Щоб змусити працювати з вищевказаним кодом, використовуйте щось на зразок: $ tags = array ("the root" => 5, "michael jackson" = 3, "billy idol" => 9, "madonna" => 1); Я б погодився не використовувати теги H, оскільки це псує вашу семантику. Мій вибір - прольоти. Нарешті, у Zend Framework існує помічник, який може просто робити те, що вам потрібно. Див. Framework.zend.com/manual/en/zend.tag.html
— simonrjones
6

@Ryan

Це правильно, але насправді теги з найменшим числом збільшуються. Цей код протестовано:

$artist = array("the roots","michael jackson","billy idol","more","and more","and_YET_MORE");
$count = array(5,3,9,1,1,3);
$highest = max($count);
for ($x = 0; $x < count($artist); $x++) {
    $normalized =  ($highest - $count[$x]+1) / $highest;
    $heading = ceil($normalized * 6); // 6 heading types
    echo "<h$heading>{$artist[$x]}</h$heading>";
}
— Кевін
джерело
2

Цей метод призначений для SQL/PostgreSQLфанатиків. Він виконує всю роботу в базі даних і друкує текст із "в'язким" посиланням. Він використовує Doctrine ORMлише для виклику sql, я не використовую об'єкти. Припустимо, у нас є 10 розмірів:

public function getAllForTagCloud($fontSizes = 10)
{
    $sql = sprintf("SELECT count(tag) as tagcount,tag,slug, 
    floor((count(*) * %d )/(select max(t) from 
        (select count(tag) as t from magazine_tag group by tag) t)::numeric(6,2)) 
         as ranking 
         from magazine_tag mt group by tag,slug", $fontSizes);

    $q = Doctrine_Manager::getInstance()->getCurrentConnection();
    return $q->execute($sql);
}

потім ви друкуєте їх із класом CSS, від .tagranking10 (найкращий) до .tagranking1 (найгірший):

<?php foreach ($allTags as $tag): ?>
    <span class="<?php echo 'tagrank'.$tag['ranking'] ?>">
        <?php echo sprintf('<a rel="tag" href="/search/by/tag/%s">%s</a>', 
            $tag['slug'], $tag['tag']
        ); ?>
    </span>
<?php endforeach; ?>

і це CSS:

/* put your size of choice */
.tagrank1{font-size: 0.3em;}
.tagrank2{font-size: 0.4em;}
.tagrank3{font-size: 0.5em;} 
/* go on till tagrank10 */

Цей метод відображає всі теги. Якщо їх у вас багато, ви, мабуть, не хочете, щоб ваша хмара тегів перетворилася на шторм тегів . У цьому випадку ви додасте HAVING TOречення до вашого SQL-запиту:

-- minimum tag count is 8 --

HAVING count(tag) > 7

Це все

— danieli
джерело
1

Як помічник у Rails:

def tag_cloud (strings, counts)
    max = counts.max
    strings.map { |a| "<span style='font-size:#{((counts[strings.index(a)] * 4.0)/max).ceil}em'>#{a}</span> "  }
end

Викличте це з подання:

<%= tag_cloud($artists, $counts) %>

Це виводить <span style='font-size:_em'>елементи масиву, які будуть перетворені у рядок у поданні, щоб в кінцевому підсумку зробити так:

<span style='font-size:3em'>the roots</span>
<span style='font-size:2em'>michael jackson</span> 
<span style='font-size:4em'>billy idol</span> 
<span style='font-size:1em'>more</span> 
<span style='font-size:1em'>and more</span> 
<span style='font-size:2em'>and_YET_MORE</span>

Було б краще мати classатрибут і посилатися на класи у таблиці стилів, як згадував Брендан вище. Набагато краще, ніж використовувати h1-h6семантично, і багаж із стилем менше <span>.

— Аміна Нурайні
джерело
чому хтось дав йому -1?
— berkes
0

Я знаю, що це дуже стара публікація, але я все ж публікую свою думку, оскільки це може допомогти комусь у майбутньому.

Ось тематична хмара, яку я використав на своєму веб-сайті: http://www.vbausefulcodes.in/

<?php
$input= array("vba","macros","excel","outlook","powerpoint","access","database","interview questions","sendkeys","word","excel projects","visual basic projects","excel vba","macro","excel visual basic","tutorial","programming","learn macros","vba examples");

$rand_tags = array_rand($input, 5);
for ($x = 0; $x <= 4; $x++) {
    $size = rand ( 1 , 4 );
    echo "<font size='$size'>" . $input[$rand_tags[$x]] . " " . "</font>";
}

echo "<br>";
$rand_tags = array_rand($input, 7);
for ($x = 0; $x <= 6; $x++) {
    $size = rand ( 1 , 4 );
    echo "<font size='$size'>" . $input[$rand_tags[$x]] . " " . "</font>";
}

echo "<br>";
$rand_tags = array_rand($input, 5);
for ($x = 0; $x <= 4; $x++) {
    $size = rand ( 1 , 4 );
    echo "<font size='$size'>" . $input[$rand_tags[$x]] . " " . "</font>";
}
?>
— Дургапрасад
джерело
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.