-
Notifications
You must be signed in to change notification settings - Fork 0
/
tooltip.js
42 lines (36 loc) · 1.21 KB
/
tooltip.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
function tooltipDemo() {
$('#abc').showToolTip({
Title: 'Title',
Content: 'Content',
onApprove: function () {
//console.log("okay clicked")
}
});
}
(function( $ ) {
function createToolTip(config) {
var tooltip = document.createElement("div");
tooltip.classList.add("tooltip");
var title = document.createElement("h6");
title.innerHTML = config.Title;
//title.classList.add("tooltiptext");
var content = document.createElement("p");
content.innerHTML = config.Content;
//content.classList.add("tooltiptext");
var btn = document.createElement("button");
btn.innerHTML = "Okay";
btn.addEventListener("click", function(evt) {
this.parentNode.parentNode.removeChild(this.parentNode);
document.getElementById('show-btn').hidden = false;
config.onApprove()
});
tooltip.append(title, content, btn);
return tooltip;
}
$.fn.showToolTip = function( config ) {
var tooltip = createToolTip(config);
document.getElementById('show-btn').hidden = true;
this.append(tooltip);
return this;
}
})( jQuery );