JS-Buzzwords HowTo

JS-Buzzwords = Your cool Web 2.0 feature
for displaying buzzwords in relation to its occurence.
Eine kleine Anleitung: Um JS-Buzzwords einzubinden, benötigt man eigentlich nur 4 Schritte.
  1. Die Datei "jsbuzzword.js" in die Webseite einbinden.

    <script language="JavaScript" src="jsbuzzword.js"
          type="text/javascript"></script>

  2. Eine Liste (bspw. die Einkaufsliste) erstellen.

     var bwShoppingList = new Array();
     bwShoppingList[0] = new Array("Butter", 0.69);
     bwShoppingList[1] = new Array("Brot", 2.25);
     bwShoppingList[2] = new Array("Marmelade", 0.69);

  3. Einen Container (Html-Tag) in die Webseite einbinden. Das Attribut "id" muss gesetzt werden.

    <div id="myBuzzwordContainer"></div>

  4. Den Container mit den Schlagworten befüllen.

     fillBuzzwordContainer("myBuzzwordContainer", bwShoppingList, 0);


Eine einfache Html-Webseite mit eine Buzzword-Container würde so aussehen.

<html>
<head>
<title>JS-Buzzwords - Example</title>
<script language="JavaScript" src="jsbuzzword.js"
      type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
<!--
 var bwShoppingList = new Array();
 bwShoppingList[0] = new Array("Butter", 0.69);
 bwShoppingList[1] = new Array("Brot", 2.25);
 bwShoppingList[2] = new Array("Marmelade", 0.69);
/*...*/
//-->
</script>
</head>
<body>
<div id="myBuzzwordContainer"></div>
<script language="JavaScript" type="text/javascript">
<!--
 fillBuzzwordContainer("myBuzzwordContainer", bwShoppingList, 0);
//-->
</script>
</body>
</html>

Die Visualisierung zu diesem Quellcode sieht man hier.
zurück