NOTES VIEWER

Using the tooltip widget to show extra content

Let's now see a way to allow the user to browse multiple notes, using the tooltip widget.

We'll use the tooltip widget adding some custom content to the tooltip itself and then customizing its style.
Such notes are hard-coded within the script element, but they are retrieved emulating the JSON format. For this reason this page shows also some common usage examples of the JSON JavaScript API's.

Below we added two simple paragraphs with a tooltip. The first paragraph should show a normal tip, the second should show all the notes retrieved by JSON: by this way we show how to filter on tooltip definitions, i.e. how to customize the tooltip with respect of the target element.

A simple paragraph with a simple tooltip

A smart paragraph with many notes

For details have a look to HTML code of this page.

Sources

HOME