ventus-test
v0.2.3
Published
var wm = new Ventus.WindowManager();
Downloads
3
Readme
Ventus WM
A window manager written in Javascript, HTML5 and CSS3.
Live Demo! (http://www.rlamana.com/ventus) | Video Demo
This project started as an experiment and even though it was stable enough it was never meant to be mantained over time. However, feel free to fork and send PRs!
Creating a new window manager
var wm = new Ventus.WindowManager();
Creating a new empty window
var window = wm.createWindow({
title: 'A new window',
x: 50,
y: 50,
width: 400,
height: 250
});
window.open();
Creating a new window wrapping a DOM Element
Using a query
wm.createWindow.fromQuery('#element .selector', {
title: 'My App',
width: 330,
height: 400,
x: 670,
y: 60
});
Using a reference
wm.createWindow.fromElement(domElement, {
title: 'My App',
width: 500,
height: 500,
x: 0,
y: 0
});
Listening to events
Defining handlers in constructor
var window = wm.createWindow({
title: 'A new window',
events: {
open: function() {
console.log('The window was open');
},
closed: function() {
console.log('The window was closed');
},
}
});
Using the 'signals' property
var window = wm.createWindow({
title: 'A new window'
});
window.signals.on('open', function() {
console.log('The window was open');
});
Destroying a window
When a window is closed the content is not destroyed by default. This way windows can be open again keeping the wrapped DOM element. To completely destroy the window, the method 'destroy' needs to be called:
var window = wm.createWindow({
title: 'A new window',
events: {
closed: function() {
this.destroy();
}
}
});