content

content - An object (default: UNDEFINED)

Applies different options for content initialization of the Tooltip widget.
1) string - initialize the content of the tooltip element with string value.

<div id="container">Hello World!</div>

<script type="text/javascript">
    $(function () {
        $("#container").shieldTooltip({
            content: "Hello world tooltip!"
        });
    });
</script>

2) function - initialize the content of the tooltip element with return value of a function.

<div id="container">Hello World!</div>

<script type="text/javascript">
    $(function () {
        $("#container").shieldTooltip({
            content: function(target) {
               return $(target).html("Hello world tooltip!");
          }
        });
    });
</script>

3) an object - initialize the content of the tooltip element with a remote object. Its options are:

  • url - get tooltip content from the given url.
  • iframe - boolean value which defines if an iframe to use.
<div id="container">Hello World!</div>

<script type="text/javascript">
    $(function () {
        $("#container").shieldTooltip({
            content: {
                 remote: {
                         url: "myurl.net", //place your content url address
                         iframe: true
                 }
          }
        });
    });
</script>