Podes ver la explicacion completa sobre Window de Mootools en mi blog,
donde tambien podras encontrar mas informacion, ejemplos y tutoriales sobre Mootools en Castellano como asi tambien
sobre algunos otros temas.
Suscribite a mi blog para recibir articulos directamente en tu lector de Feeds favorito.
$('test-1').addEvent('click', function(ev)
{
new Event(ev).stop();
var anchura = window.getWidth();
alert('El ancho de la ventana es ' + anchura + "px");
});
Probar
$('test-2').addEvent('click', function(ev)
{
new Event(ev).stop();
var altura = window.getHeight();
alert('La altura de la ventana es ' + altura + "px");
});
Probar
$('test-3').addEvent('click', function(ev)
{
new Event(ev).stop();
var anchuraTotal = window.getScrollWidth();
alert('El ancho total de la pagina, incluyendo el espacio "scroleable" es ' + anchuraTotal + "px");
});
$('test-4').addEvent('click', function(ev)
{
new Event(ev).stop();
var alturaTotal = window.getScrollHeight();
alert('La altura total de la pagina, incluyendo el espacio "scroleable" es ' + alturaTotal + "px");
});
Probar
$('test-5').addEvent('click', function(ev)
{
new Event(ev).stop();
var desdeIzquierda = window.getScrollLeft();
alert('Hemos "scroleado" desde la izquierda ' + desdeIzquierda + "px");
});
Desliza la barra de Scroll horizontal hasta que encuentres el link ------------>
Probar
$('test-6').addEvent('click', function(ev)
{
new Event(ev).stop();
var desdeArriba = window.getScrollTop();
alert('Hemos "scroleado" desde arriba ' + desdeArriba + "px");
});
Probar
$('test-7').addEvent('click', function(ev)
{
new Event(ev).stop();
var valores = window.getSize();
alert('Hemos "scroleado" desde la izquierda ' + valores.scroll.x + "px");
alert('Hemos "scroleado" desde arriba ' + valores.scroll.y + "px");
alert('El ancho de la ventana es ' + valores.size.x + "px");
alert('La altura de la ventana es ' + valores.size.y + "px");
alert('El ancho total de la pagina, incluyendo el espacio "scroleable" es ' + valores.scrollSize.x + "px");
alert('La altura total de la pagina, incluyendo el espacio "scroleable" es ' + valores.scrollSize.y + "px");
});
Probar
window.addEvent('domready', function()
{
alert('Dom Ready');
});
Ver ejemplo en la pagina de Mootools