1.0.17 • Published 6 months ago
js-smart-hint v1.0.17
Smart Hint.
Simple, lightweight pure JavaScript component that implement customizable re-positioning hint.
Demo
https://jagermesh.github.io/js-smart-hint/
Usage:
1) Include the script:
<script type="text/javascript" src="smart-hint.js"></script>
2) Create SmartHint instance
const hint = new SmartHint();
3) Attach where needed
hint.attach('.has-hint');
4) Customize if needed
hint.attach('.has-custom-hint', {
getContent: function(selector) {
return new Promise(function(resolve) {
resolve('Hint Text');
});
},
beautify: function(hintOverlay, selector) {
hintOverlay.style.fontSize = `${Math.floor(Math.random() * 10)+8}pt`;
hintOverlay.style.backgroundColor = 'red';
hintOverlay.style.color = 'white';
}
});
That's all.
Have fun. Send PR if you find any glitches or want to make improvements.
:)
1.0.17
6 months ago
1.0.16
8 months ago
1.0.15
12 months ago
1.0.14
12 months ago
1.0.13
12 months ago
1.0.12
12 months ago
1.0.9
1 year ago
1.0.8
1 year ago
1.0.7
1 year ago
1.0.11
1 year ago
1.0.10
1 year ago
1.0.6
2 years ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago