:: Anbieterverzeichnis ::
Globale Branchen
Informieren Sie sich über ausgewählte
Unternehmen im
Anbieterverzeichnis von SELFPHP
:: SELFPHP Forum ::
Fragen rund um die Themen PHP? In über
120.000 Beiträgen finden Sie sicher die passende
Antwort!
:: Newsletter ::
Abonnieren Sie hier den kostenlosen
SELFPHP Newsletter!
:: Qozido ::
Die Bilderverwaltung mit Logbuch für
Taucher und Schnorchler.
|
|
PHP Tag Cloud dynamisch erstellen |
Beispielaufgabe
Erzeugt ein PHP Tag Cloud aus einem Array.
Beschreibung
Die Funktion cloudBox() erzeugt aus einem übermittelten Array ein PHP Tag Cloud. Diese Bereiche sieht man immer wieder auf Webseiten und stellen in der Regel eine Verlinkung zu weiteren Seiten dar. Dabei wird jeder Tag (Wort) in einer anderen Schriftgröße dargestellt.
<?PHP
function cloudBox( $tags, $cssfields, $target) {
$cloudTags = '';
foreach ($tags as $key => $value) {
shuffle($cssfields);
$tag = $cssfields[0];
$cloudTags .= '<a href="'.$value['url'].'" target="' .
$target.'" class="'.$tag.'">'.$value['tag'].'</a> ';
}
return $cloudTags;
}
?>
|
Anwendungsbeispiel
<?PHP
$cssfields = array('tag1','tag2','tag3','tag4','tag5');
$x = 0;
$tags[$x]['tag'] = 'PHP';
$tags[$x]['url'] = 'http://www.selfphp.de';
$x++;
$tags[$x]['tag'] = 'Forum';
$tags[$x]['url'] = 'http://www.selfphp.de/forum';
$x++;
$tags[$x]['tag'] = 'CodeSnippet';
$tags[$x]['url'] = 'http://www.selfphp.de/code_snippets';
$x++;
$tags[$x]['tag'] = 'Funktionsreferenz';
$tags[$x]['url'] = 'http://www.selfphp.de/funktionsreferenz';
$x++;
$tags[$x]['tag'] = 'Funktionsübersicht';
$tags[$x]['url'] = 'http://www.selfphp.de/funktionsuebersicht';
$x++;
$tags[$x]['tag'] = 'Praxisbuch';
$tags[$x]['url'] = 'http://www.selfphp.de/praxisbuch';
$x++;
$tags[$x]['tag'] = 'Newsletter';
$tags[$x]['url'] = 'http://www.selfphp.de/newsletter.php';
$x++;
$tags[$x]['tag'] = 'CronJobs';
$tags[$x]['url'] = 'http://cronjob.selfphp.de/';
$target = '_blank';
echo'<div class="tagcloudbody">';
echo' <div class="tagcloudThema">Weitere Themen stehen zur Auswahl:</div>';
echo cloudBox( $tags, $cssfields, $target );
echo'</div>';
?>
|
Cascading Style Sheets (CSS)
.tagcloudbody {
width:220px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
border:solid 1px #333333;
padding:5px;
text-align:justify;
}
.tagcloudbody a {
text-decoration:none;
color:#333366;
}
.tagcloudThema {
font-weight:bold;
font-size:12px;
margin-bottom: 10px;
}
.tag1 {
font-size:26px;
}
.tag2 {
font-size:16px;
}
.tag3 {
font-size:13px;
}
.tag4 {
font-size:20px;
}
.tag5 {
font-size:9px;
}
|
Ausgabebeispiel: Browseransicht
|
|
|
|
|
|