Ingredients:

sprites, unorderdered lists, Mootools knowledge.

Cooking time:

1 hr

Result:

Can be seen on our website – Rborn Web development – mouse-over the top menu.

Validate forms client side with MooTools.

I know, I know, browser sniffing is a bad habit and it should not be used, but still, there are cases when you will want to display a message to the user (ordinary users, that don’t hack their’s browser navigator.userAgent) or you really need to know what browser is he using. For example Chrome. It’ss [...]

As the guys from Mozilla say “The JavaScript shell provides a simple way to run scripts in batch mode or an interactive environment for exploratory programming.” So basically you can create some tests for you app based on javascript without needing a browser, but using rhino. With Mootools is a little complicated, as it needs [...]

Mootools ‘ajax’ request for local files or how to make ajax requests to a local file without the need of a web server.

There are moments when we need to show a zoomed image of a product (or something else) that requires to be as much as user friendly as possible. An example is e-commerce sites that use high quality images for high impact over the client’s mind (jewelery for example). In this case zooming a particular point [...]

The today’s tutorial will try to explain how to make an element draggable or resizable – or even both in the same time, using the MooTools framework.
To accomplish this we’ll make use of two functions existent in MooTools: makeDraggable() and makeResizable().

How to add events to elements in a webpage using MooTools – a simple tutorial.

Javascript carousels are used to display some images or content in a often narrow space, allowing the webdesigner to show much info in a limited space. They add some functionality to page and in the same time some visual candy. Some of scripts that can help us to achieve this are presented below:  Carousel Component [...]

Javascript and ajax autosuggest or autocomplete resources.