Widget demo
Click here.
HTML code
<div id="toolbox-demo-text" onclick="showToolbox(this)">Click here.</div>
Javascript code
Meteora.uses('Meteora.Toolbox');
function showToolbox(el) {
var tbox = new Toolbox(
Widget.div(
{'style': 'border: 1px solid black'},
Widget.fromHTML(
'<h4>Lorem ipsum</h4>'
+'<b>H</b>ello world!<br />'
+'This is a customizable div '
+'that can handle any HTML node '
+'you throw at it.<br />'
+'You can drag me if you like.'
)
)
);
var pos = el.getPosition();
tbox.moveTo(pos.y - 5, pos.x - 5);
tbox.show();
}
function showToolbox(el) {
var tbox = new Toolbox(
Widget.div(
{'style': 'border: 1px solid black'},
Widget.fromHTML(
'<h4>Lorem ipsum</h4>'
+'<b>H</b>ello world!<br />'
+'This is a customizable div '
+'that can handle any HTML node '
+'you throw at it.<br />'
+'You can drag me if you like.'
)
)
);
var pos = el.getPosition();
tbox.moveTo(pos.y - 5, pos.x - 5);
tbox.show();
}