zGlossary - Basic glossary terms example

Simple as it gets, this example uses the same code as in the documentation.

Script

$(document).ready(function () {
	$('body').glossary('terms.json');
});

Definitions file (terms.json)

[
   {
       "term":"Zazar",
       "type":"0",
       "definition":"Online website builder for creating professional sites with no technical knowledge."
   },
   {
       "term":"URL",
       "type":"1",
       "definition":""
   },
   {
       "term":"HTML",
       "type":"2",
       "definition":""
   },
   {
       "term":"zGlossary plugin",
       "type":"3",
       "definition":"http://www.zazar.net/developers/jquery/zglossary/"
   }
]

Result

A heading showing the definition of Zazar in a pop-up

The Zazar definition can be shown within a paragraph.

This is a link to the Zazar website but also includes a term

The term URL uses Wikipedia for the definition.

The term HTML uses Google to search for the definition.

Using a custom link to show the zGlossary plugin documentation.