JavaScript Tooltip

Invoke the open method of the jqxTooltip. Author: http://jqwidgets.com

by mark edwards

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<br /><br /><br />
<div id='myTextArea' contenteditable=true >this is a text area</div>
<div onClick="loadMe();" >
click
</div>
<div onClick="changeMe();">
click to change content
</div>

JavaScript

$('#myTextArea').jqxEditor({
    height: 400,
    width: 800,
    theme: 'energyblue'
});

  loadMe = function () {
    $("#myTextArea").jqxTooltip({
      position: 'top',
      theme: 'energyblue',
      content: 'This is a tooltip.',
      width: 200,
      height: 30
    });
  }
  changeMe = () => {
     document.getElementById("myTextArea").innerHTML = "new content";
  }