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