Tag Cloud avec démo en ligne

  Information

Nous avons utiliser directement la table du site pour la démo.

Explication du code :

En définitif il vous faut 2 champs:
- l'un c'est le nom du tag, (ca peut être des titres sur votre site).
- ensuite il faut le nombre de hits sur le tag.

Vous avez une table SQL a titre d'exemple. C'est aussi pour vous indiquer le nom des champs dans le code.

Si vous ne voulez pas de l'aléatoire en sortie, supprimer la commande ORDER BY RAND()

N'hésiter pas a poser vos questions si vous avez un problème de mise en place.

    Démo en ligne  

 
 01    
 02    
 03    
 04    
 05    
 06    
 07    
 08    
 09    
 10    
 11    
 12    
 13    
 14    
 15    
 16    
 17    
 18    
 19    
 20    
 21    
 22    
 23    
 24    
 25    
 26    
 27    
 28    
 29    
 30    
 31    
 32    
 33    
 34    
 35    
 36    
 37    
 38    
 39    
 40    
 41    
 42    
 43    
 44    
 45    
 46    
 47    
 48    
 49    
 50    
 51    
 52    
 53    
 54    
 55    
 56    
 57    
 58    
 59    
 60    
 61    
 62    
 63    
 64    
 65    
 66    
 67    
 68    
 69    
 70    
 71    
 72    
 73    
 74    
 75    
 76    
 77    
 78    
 79    
 80    
 81    
 82    
 83    
 84    
 85    
 86    
 87    
 88    
 89    
 90    
 91    
 92    
 93    
 94    
 95    
 96    
 97    
 98    
                               
<?php
/*---------------------------------------------------------------*/
/*
    Titre : Tag Cloud avec démo en ligne                                                                                 
                                                                                                                          
    URL   : https://phpsources.net/code_s.php?id=1055
    Date édition     : 17 Fév 2019                                                                                        
    Date mise à jour : 11 Aout 2019                                                                                      
    Rapport de la maj:                                                                                                    
    - fonctionnement du code vérifié                                                                                    
    - maintenance du code                                                                                                 
*/
/*---------------------------------------------------------------*/
 
    /*
     CREATE TABLE IF NOT EXISTS `scripts` (
      `id` int(10) NOT NULL AUTO_INCREMENT,
      `cat` text NOT NULL,
      `hits` int(10) NOT NULL,
      PRIMARY KEY (`id`)
    ) ENGINE=InnoDB  DEFAULT CHARSET=latin1 AUTO_INCREMENT=0 ;
    */
 
 
 
    $db_server 'localhost'//adresse du serveur MySQL
    $db_name ''//nom de la base de données
    $db_user_login 'root'//nom d'utilisateur pour la BD
    $db_user_pass ''//mot de passe pour la BD
 
    // Connection au serveur mySQL
    $conn mysqli_connect($db_server,$db_user_login$db_user_pass$db_name);
 
    ?>
 
 
    <head>
    <title>Tags cloud</title>
    <style type="text/css">
           .tags_container{width:300px;padding:10px 10px;}
           .tags ul{padding:5px 5px;}
           .tags li{margin:0;padding:0;list-style:none;display:inline;}
           .tags li a{text-decoration:none;padding:0 2px;}
           .tags li a:hover{text-decoration:underline;} 
 
           .tag1 a{font-size:14px; color: #9c639c;}
           .tag2 a{font-size:14px; color: #cece31;}
           .tag3 a{font-size:16px; color: #9c9c9c;}
           .tag4 a{font-size:18px; color: #31ce31;}
           .tag5 a{font-size:20px; color: #6363ad;}
           .tag6 a{font-size:22px; color: #ce6300;}
           .tag7 a{font-size:24px; color: #9c3100;}
    </style>
    </head>
 
 
    <body>
 
 
        <?php 
 
         $query "SELECT MAX(hits) as num FROM scripts";
         $result mysqli_query($conn,$query);
         $max mysqli_fetch_array($result);
         if($max['num'] < 10$max['num'] = 10;
        ?>
  
 
 
        <div class="tags_container">
         <ul class="tags">
         <?php
          $factor $max['num']/7;
          $query "SELECT * FROM scripts group by cat ORDER BY RAND()";
          $result mysqli_query($conn,$query);
          while($row=mysqli_fetch_array($result)){
           for( $i $i <= $i++ )
           {
            $start $factor $i;
            $end $start $factor;
            if( $row['hits'] > $start && $row['hits'] <= $end )
            {
             $tag_number $i+1;
            }
           }
         ?>
          <li class="tag<?php echo $tag_number?>">
           <a href="#"><?php echo utf8_encode($row['cat']);?></a>
          </li>
         <?php
          }
         ?>
         </ul>
        </div>
 
        </body>

          Fonctions du code - Doc officielle PHP

   php.net   Description Versions PHP OUTIL
   echo Affiche une chaîne de caractères PHP 4, PHP 5, PHP 7
   mysqli_connect Ouvre une connexion à un serveur MySQL PHP 5, PHP 7
   mysqli_fetch_array Retourne une ligne de résultat sous la forme d'un tableau associatif PHP 5, PHP 7
   mysqli_query Exécute une requête sur la base de données PHP 5, PHP 7
   utf8_encode Convertit une chaîne ISO-8859-1 en UTF-8 PHP 4, PHP 5, PHP 7

   Dites merci aux auteurs pour leurs travail, ça ne coûte rien et ça fait toujours plaisir wink

     Codes qui pourraient vous intéresser

Tag cloud basé sur les recherches - PHP Sources

Compatibilité : PHP 4, PHP 5

Ce tag cloud (nuage de tag) cherche les termes de recherches les plus utilisés et les affiche à l’intérieur d'un tag cloud.

Ecrire un texte dans une image avec retour à la ligne automatique - PHP Sources

Compatibilité : PHP 5, PHP 7

Cette fonction vous permettra d'intégrer du texte sur une image avec un retour à la ligne automatique au bout d'une longueur de texte définie sans

Lire le contenu d'un fichier ligne par ligne avec PHP

Compatibilité : PHP 5, PHP 7

Ouvre et affiche tout le contenu d'un fichier à l'aide d'une simple boucle. 2 exemples sont fournis.

Suivez PHP Sources sur Twitter !

PHP débutant et initié 50 Tutoriel

Présentation de PHP

    Derniers scripts PHP / MySQL

Tiki 20.1

logo Tiki
Langue langue us
Date 13 Oct
Taille 95 Mo
Catégorie Groupware

Mahara 19.10rc1

logo Mahara
Langue langue nz
Date 12 Oct
Taille 31 Mo
Catégorie Galeries

PhpList 3.4.7

logo phpList
Langue langue us
Date 12 Oct
Taille 28 Mo
Catégorie Email-Emailing

PostgreSQL 12.0 Windows x86-64

logo PostgreSQL
Langue langue us
Date 12 Oct
Taille 186 Mo
Catégorie PostgreSQL