Questions tagged [mootools]

MooTools is a compact, modular, object-oriented prototypal JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

MooTools is a compact, modular, object-oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.


Hello World Example

window.addEvent('domready', function(){
    document.getElements('a').addEvent('click', function(event){
        event.stop();
        console.log('hello world from link with href ' + this.get('href'));
    });
});

Questions Tagged with

When asking a question:

  1. Consult the MooTools API documentation and search Stack Overflow for similar questions already answered before asking a question.
  2. Isolate the problematic code and reproduce it in an online environment such as jsFiddle or JS Bin. If applicable, include a link to the fiddle or online environment in your question. Always include the problematic code in your question.
  3. Tag your question with a MooTools version. The available tags are
    , , and .
    If a tag for your MooTools version does not exist, mention it in your question. See the "Version Information" section below for more information.
  4. If your question deals with any of the following aspects of MooTools, include the corresponding tag:
  5. Tag the question with other web-development tags if applicable
    (e.g., , , , etc.).
  6. Mention the browser(s) and browser version(s) where the problem occurs. If the browser or browser version is an important aspect of the question, include it as a tag
    (e.g., , , , etc.).

MooTools for Beginners

If you are just starting with MooTools, then you should read the following guides:


Version Information

The current version is MooTools 1.6.0 released Jan 14th, 2016. This is a maintenance / bug fix release.

For specific information about a particular MooTools version, see the tag wiki for that version or read the release notes on the official blog.

List of major stable MooTools Versions


MooTools Resources

Online Resources

MooTools Extensions / Utilities

  • Moobile - a new mobile application framework launched in April 2012 that is similar to jQuery Mobile in terms of the functionality it affords
  • Epitome - a MVC/MVP framework for MooTools 1.4.5+
  • MooDocu - a browser-based, client-side MooTools documentation parser with search; it works off-line through localStorage

MooTools Books

2586 questions
15
votes
1 answer

Is mootools alternative of jquery + backbone / spine / sprouteCore

I was full time java developers, now I also work on JavaScript. couple of years back when I started learning JavaScript, first library I tried was jquery like most of the people. But it made my life harder, and after sometime I started writing…
Nachiket
  • 6,021
  • 6
  • 41
  • 47
15
votes
2 answers

What does MooTools' Function.prototype.overloadSetter() do?

I'm looking through the MooTools source to try and understand its .implement() and .extend() utilities. The definition of each refers to a function defined like this: var enumerables = true; for (var i in {toString: 1}) enumerables = null; if…
Austin Hyde
  • 26,347
  • 28
  • 96
  • 129
14
votes
6 answers

Is plain vanilla JavaScript better than using frameworks like jQuery or MooTools?

I am wondering if it is a good idea to rely on frameworks like jQuery or MooTools or should we just use plain JavaScript? Apart from avoiding the re-invention of wheel, do they add any specific value? Since the frameworks are open to the public, can…
Amit Dugar
  • 494
  • 4
  • 9
13
votes
19 answers

I've learned jQuery, should I go back and learn "proper javascript"?

I'm primarily a server side developer, working professionally with PHP. For javascript I always use a framework (jQuery/mootools), will this be a professional disadvantage for me down the line? Should I put the time in to learning straight…
Bala Clark
  • 1,524
  • 12
  • 19
12
votes
3 answers

How to detect when an element over another element in JavaScript?

I wrote most of the code... And when the element is "fully" over the other element it works. The problem is that I don't just want it to be true when the element is "fully" over the element, I also want it to be true when the element is partly over…
jnbdz
  • 4,863
  • 9
  • 51
  • 93
12
votes
4 answers

Retrieving percentage CSS values (in firefox)

I have a problem retrieving the exact css property value (in '%') on firefox. Suppose we have this extremely simple markup:
box
and this css: #box{ width:200px; height:200px; left:10%; position:absolute; …
stecb
  • 14,478
  • 2
  • 50
  • 68
12
votes
6 answers

How to convert form data to object using MooTools

I would like to convert an entire form of data to a javascript object.
would convert to a javascript object... { field1:…
Aldie
  • 819
  • 1
  • 11
  • 16
12
votes
8 answers

Will existing JavaScript frameworks incorporate CommonJS?

JavaScript frameworks like Prototype, jQuery, YUI, MooTools, Dojo, et al. all seem to target client-side developers, with the focus on enabling common user interaction patterns to be implemented more efficiently and with less code. With the…
Jeff Hammerbacher
  • 4,226
  • 2
  • 29
  • 36
11
votes
5 answers

Painting shapes in Javascript

Is there any good alternative to the html5-element canvas to paint shapes like hexagons using javascript, that works cross-browser (including the horrible IE6)? I have been using jQuery and jQuery maphighlight for this, but it doesn't give me enough…
elzapp
  • 1,961
  • 4
  • 15
  • 22
11
votes
8 answers

Do javascript developers need to know jquery?

If you were to hire a javascript developer would you expect them to know jquery? I just started using stack overflow this week and knew that jquery led the pack, but didn't realize the extent of it until I noticed that MooTools (my favorite) has 59…
Ryan Florence
  • 13,361
  • 9
  • 46
  • 63
11
votes
5 answers

Page jumps to the top when checkbox is clicked

I'm calling handleNotableTypeSelect method on the click of the check box, everything is working fine but the page jumps to the top. this.$hideInactiveCheckbox.click( this.handleNotableTypeSelect.createDelegate(this)); …
user1107009
  • 111
  • 1
  • 1
  • 5
11
votes
1 answer

Using JavaScript closures in setTimeout

I'm using setTimeout to emulate rendering, and I came to the structure like this: var Renderer = new Class ( { Implements: Events, initialize() { this.onRender(); }, onRender: function() { // some rendering…
Nanako
  • 337
  • 3
  • 14
11
votes
2 answers

JQuery equivalent of MooTools bind(this)

I'm trying to rewrite a Mootools tooltip class in JQuery using this class plugin. When my class is instantiated I'm attaching an event listener to a target link which will fade out the tooltip. In event callbacks JQuery assigns the keyword "this" to…
And Finally
  • 5,602
  • 14
  • 70
  • 110
11
votes
3 answers

Handle click and drag movement to scroll horizontally with mootools or jquery

Is there an easy way to handle the movement event composed of click and drag to the left or to the right on a div, in order to do a classic slider. The idea is to do something similar to the scrolling of iphone apps but with left mouse click.
Agorilla
  • 323
  • 1
  • 2
  • 9