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
0
votes
1 answer

Mootools Sortable-- move up/down

I'm working with Mootools sortables (v1.4). I've got a list of items and the sorting works great via drag/drop actions. However, I'd like to also add an "up/down" arrow to each list item so that users could also just click an item up or down one…
julio
  • 6,630
  • 15
  • 60
  • 82
0
votes
1 answer

Cache and Object serealization

I have a question: How can I save my div's position (I have 3 div (with class: my_box_position)) to the cache and restore again using Mootools: My code: Element.implement({ serializePos: function(){ var coors = this.getCoordinates(); …
XTRUST.ORG
  • 3,280
  • 4
  • 34
  • 60
0
votes
1 answer

how to adjust

I have created two slider using mootools, basically it is two
, i am sliding it in one by one, but the problem is i am not able to set the position of , it comes one below the other, and what i want is both should come in one line, and the…
mack
  • 1,768
  • 5
  • 21
  • 28
0
votes
1 answer

Cannot Solve Jquery and Mootools Clash

I am a beginner... I have used Two Jquery ( One is Jquery For Pop up-"Kind Of ajax" from Color Box and Another is Jquery for Load More Options that Fetches Data-Again Ajax) It is Clashing/Conflicting with Mootools(For Calender Functionality). here…
Akjethwani
  • 15
  • 2
  • 7
0
votes
1 answer

mootools and IE: addEvents not working?

my events work great in everything but !@#$ IE. i found that i need to call the fireEvent('event'); function, but i don't know where to put it. to pull from a previous question i asked, is this where i put it? $('field').addEvents ({ 'focus' :…
WhiteRau
  • 818
  • 14
  • 32
0
votes
1 answer

ajax form submit with mootools

I have a site that I built way back in 2007.. I had done some ajax stuff, and it worked fine.. Today, that site owner contacted me and said he noticed the forms were no longer working. I went to take a look and the console showed that upon…
patrick
  • 9,290
  • 13
  • 61
  • 112
0
votes
1 answer

Mootools filtering

How can I filter (replace empty() function) in my div container using mootools? Question here: How can I replace my code below to: Remove from container(
) blocks with id="fc_ID" which not exist in JSON…
XTRUST.ORG
  • 3,280
  • 4
  • 34
  • 60
0
votes
1 answer

Mootools Autosuggestion Customisation

One of my website extending http://digitarald.de/project/autocompleter/ plugin for autosuggest Country, State and City. Eg: State should have two input like search text and country code. From the documentation of the above plugin which using…
Aadi
  • 6,959
  • 28
  • 100
  • 145
0
votes
2 answers

Can you create multiple functions on the same onBlur event?

I have a nice default-value check going and client wants to add additional functionality to the onBlur event. The default-value check is global and works fine. The new functionality requires some field-specific values be passed to the new…
WhiteRau
  • 818
  • 14
  • 32
0
votes
1 answer

Getting subarrays of JSON response using Mootools

Is there any altenative for Jquery $.map(array, function(item)) in mootools. How can I change following JSON…
Aadi
  • 6,959
  • 28
  • 100
  • 145
0
votes
1 answer

my mootools code not work in joomla 1.5

my mootools code not work var requestHTMLData = new Request.HTML ({ url: 'index.php?option=com_abc$task=display&myvote='+votes+ '&id=' +id, update: $('contains' + id) }).send(); hi a am trying to sent data to this…
user1119130
0
votes
1 answer

How to disable a selected list item when using Fx.Morph?

http://jsfiddle.net/chakri/92tqF/ I need help with the above code. I am trying to disable the hover effect for a selected item in the menu. But am unable to modify the Javascript (fairly new). It is a vertical Navigation using Mootools Fx.Morph. I…
0
votes
1 answer

mootools: help loading multiple, per-page, Asset.javascript files

i want to load an array of page-specific external .js files. in the past, i did it through PHP at the top of each page, like so: the header.php file loaded the…
WhiteRau
  • 818
  • 14
  • 32
0
votes
1 answer

Javascript bind "this" to event

Below is an error I am getting from binding "this" to a click event in javascript. The format of the js is Jaml/Mooml and may be unfamiliar to some but I assure you the syntax is proper. I have been binding "this" to many events in the same way and…
a11hard
  • 1,904
  • 4
  • 19
  • 41
0
votes
4 answers

Javascript | Objects, Arrays and functions

may be you can help me. How can I create global object and function that return object values by id? Example: var chat = { data : { friends: {} } } .... /* JSON DATA RETURNED: {"users":…
XTRUST.ORG
  • 3,280
  • 4
  • 34
  • 60
1 2 3
99
100