Ajax Waiter - Advanced Test
Tests | Home

This test shows the advanced configuration options of the Ajax waiter. This example includes spinner customization.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc faucibus. Ut porttitor. Proin dapibus leo at arcu. Aenean eget odio consequat tortor iaculis elementum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla aliquet pretium massa. Aenean ut lacus id enim eleifend rutrum. Nullam auctor semper eros. Duis blandit felis id nunc.

Mauris ac mauris. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed pellentesque lacinia purus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc faucibus. Ut porttitor. Proin dapibus leo at arcu. Aenean eget odio consequat tortor iaculis elementum.

Show wait dialog 
window.waiter.show({ speed: 10,
                     delay : 20,
                     targetId : 'target1',
                     textColor : '#000',
                     background: '#FFF',
                     opacity : 90,
                     message : 'Please wait',
                     spinner : { yRadius : 15,
                                 xRadius : 75,
                                 background : 'red'
                               }
                    });
Update Message 
window.waiter.setMessage({ targetId : 'target1',
                           message :'Wait longer'});
Hide wait dialog 
window.waiter.hide({ targetId : 'target1'});