Tag-Cloud Beispielintegration
Die Tag-Cloud kann beispielsweise per AJAX-Skript auf der entsprechenden Seite angezeigt werden. Das Codebeispiel benötigt die JavaScript Bibliothek jQuery. Falls die URL auf eine externe Adresse verweist, benötigen Sie wegen Sicherheitsbeschränkungen noch ein Proxyskript.
$(document).ready(
function(){
var minFontSize = 10;
var maxFontSize = 30;
var randomClasses = 4;
$.ajax({
type: 'GET',
url: 'http://search.fact-finder.de/Company/TagCloud.ff?do=getTagCloud',
data: {},
contentType: "application/x-www-form-urlencoded; charset=UTF-8",
success:
function (xml, textStatus) {
var outputHtml = '';
$.each( $('tagCloud entry', xml), function(i, n){
var random = Math.floor(Math.random() * randomClasses);
var weight = Number($(n).attr('weight'));
var fontSize = minFontSize + Math.round((maxFontSize - minFontSize) * weight);
var entry = '<span class="tagCloud'+random+'"'
+' style="font-size: '+fontSize+'px;">'
+ '<a href="#">'+$(n).text()+'</a>'
+ '</span>';
outputHtml += entry;
});
$('#tagCloud').html(outputHtml);
}
});
});Sie können die Rückgabe aber auch z.B. in einer PHP-Funktion auslesen und darstellen. Diese Methode hat den Vorteil, dass auch Besucher mit deaktiviertem JavaScript die Tag-Cloud sehen können.