1) What is Moo Tools?
MooTools stands for My Object-Oriented Tools. It is a lightweight and object-oriented JavaScript framework. It is used to create dynamic web page. It is developed by
Valerio Proietti.
2) In which language is written Moo Tools?
Moo Tools is written in JavaScript Language.
3) What is the stable version of Moo Tools?
A stable version of Moo Tools is
1.6.0 and released on 14 January 2016.
4) What are the components of Moo Tools?
Moo Tools components are:
- Core
- More
- Class
- Natives
- Element
- FX Request
- Window
5) What are the advantages of Moo Tools?
Moo Tools advantages are:
- It allows developer to create their own customized combination of components.
- It follows Object-oriented paradigm and Dry principal ( Don't Repeat Yourself)
- It provides advanced component effects with optimized transitions.
- It provides different enhancements to the DOM
6) What is the use of selector?
Selector is used to select HTML elements. It helps to receive data through HTML request from elements.
Basic Selector($)
Multiple Selector($).
7) What are the browsers supported by MooTools?
MooTools supported multiple browsers that are:
- Safari 3+
- Internet Explorer 6+
- Mozilla Firefox 2+
- Opera 9+
8) What are the types of Event Handling?
There are following types of Event Handling:
- Single left click
- Mouse Enter
- Mouse leave
- Remove an Event
- Keystrokes as Input
9) What are the input filtering functions?
There are various Input Filtering functions:
| Input Filtering Functions |
Description |
| toInt() |
It converts any input value to the Integer. |
| typeOf() |
It examines the value of a variable what is entered. |
| Limit() |
It is used to set the lower and upper bound value for a particular number. |
| rgbToHex() |
It is used to convert from the red, green and blue values to Hexadecimal. |
| trim() |
It is used to remove the whitespace from the front position and end position of a given string. |
| clean() |
It is used to remove all white spaces. |
| Contains() |
It is used to search a sub-string in a given string. |
10) What are the basic methods for DOM element?
There are basic methods for DOM element:
- get() : It is used to retrieve the element properties. Like src, value, name etc.
- set() : It is used to set the value to variable:
- erase() : It is used to erase the value of an element property.
11) What are Drag.Move and its features?
Drag.Move is an object. It is used to add drag and drop feature to the HTML elements.
The following features are:
- Droppable
- Container
- Snap
- Handle
12) What is the use of periodical() method?
Periodical() method is used to raise a function periodically with the same level of time frequency.
Example:
<html>
<head>
<script type = "text/javascript" src = "MooTools-Core-1.6.0.js"></script>
<script type = "text/javascript" src = "MooTools-More-1.6.0.js"></script>
<script type = "text/javascript">
var periodicalFunction = function(){
document. writeln("www.tutorialspoint.com");
}
window.addEvent('domready', function() {
//number at the end indicates how often to fire, measure in milliseconds
var periodicalFunctionperiodicalFunctionVar = periodicalFunction.periodical(100);
});
</script>
</head>
</html>
13) What are the methods of regular expressions?
Regular expressions methods are:
- Test() : It is used to test the expressions with the input string.
- escapeRegExp() : It is used to ignore the escape characters from the a given string while checking it with a regular expression.
14) What is Sortables?
Sortables provides a
serialize function that is used to manage a list of an element ids. It is useful for server side scripting.
Syntax:
var sortableListsArray = $('#listA, #listB');
var sortableLists = new Sortables(sortableListsArray);
15) What is Accordion in Moo Tools?
In Moo Tools, Accordion is plugin that is used to hide and show the data.
16) How can we create Tooltip in Moo Tools?
We can create Tooltip in Moo Tools by using following code:
<!DOCTYPE html>
<html>
<head>
<script type = "text/javascript" src = "MooTools-Core-1.6.0.js"></script>
<script type = "text/javascript" src = "MooTools-More-1.6.0.js"></script>
<script type = "text/javascript">
window.addEvent('domready', function() {
var customTips = $('.tooltip_demo');
var toolTips = new Tips(customTips);
});
</script>
</head>
<body>
<a id = "tooltipID" class = "tooltip_demo" title = "1st Tooltip Title"
rel = "here is the default 'text' for toll tip demo"
href = "http://www.tutorialspoint.com">Tool tip _demo</a>
</body>
</html>