Fixed #355: Titles support HTML elements

HISTORY.md

@@ -5,6 +5,7 @@ http://visjs.org
 
 ### Network
 
+- Title of nodes and edges can now be an HTML element too.
 - Renamed storePosition to storePositions. Added deprication message and old name still works.
 - Worked around hammer.js bug with multiple release listeners.
 - Improved cleaning up after manipulation toolbar.

docs/network.html

@@ -316,10 +316,11 @@ When using a DataSet, the network is automatically updating to changes in the Da
 
 <tr>
   <td>title</td>
-  <td>string | function</td>
+  <td>string | function | Element</td>
   <td>no</td>
   <td>Title to be displayed when the user hovers over the node.
-    The title can contain HTML code. If using a function, returning <code>undefined</code>
+    The title can be an HTML element or a string containing plain text or HTML.
+    When title is a function, the returned result is displayed as tooltip, and returning <code>undefined</code>
     will prevent the tooltip from being displayed.</td>
 </tr>
 
@@ -428,7 +429,8 @@ When using a DataSet, the network is automatically updating to changes in the Da
     <td>string | function</td>
     <td>no</td>
     <td>Title to be displayed when the user hovers over the edge.
-      The title can contain HTML code. If using a function, returning <code>undefined</code>
+      The title can be an HTML element or a string containing plain text or HTML.
+      When title is a function, the returned result is displayed as tooltip, and returning <code>undefined</code>
       will prevent the tooltip from being displayed.</td>
   </tr>
 

lib/network/Popup.js

@@ -77,11 +77,17 @@ Popup.prototype.setPosition = function(x, y) {
 };
 
 /**
- * Set the text for the popup window. This can be HTML code
- * @param {string} text
+ * Set the content for the popup window. This can be HTML code or text.
+ * @param {string | Element} content
  */
-Popup.prototype.setText = function(text) {
-  this.frame.innerHTML = text;
+Popup.prototype.setText = function(content) {
+  if (content instanceof Element) {
+    this.frame.innerHTML = '';
+    this.frame.appendChild(content);
+  }
+  else {
+    this.frame.innerHTML = content; // string containing text or HTML
+  }
 };
 
 /**