The tab mapper is a handy little tool that will render a guitar tab file with graphic chord diagrams displayed alongside. This comes in handy for people who just don't have every single chord shape memorized. Just plug in the web site address of a valid .tab or .crd file and hit "Go". In general, the tab mapper does a better job with printer friendly URLs. If there is more than one way to play a chord, the tab mapper will choose the most common shape. To see other fingerings, click on the chord diagram and you will be taken to the chord calculator.
Original file located @ http://mootools.net.
// get elements by class $$('.foo'); // or even: document.getElements('.foo'); // selector with different elements $$('div.foo, div.bar, div.bar a'); // get a single element document.getElement('div.foo');
// create a new Class instance var myRequest = new Request({ url: 'getMyText.php', method: 'get', onRequest: function(){ myElement.set('text', 'loading...'); }, onSuccess: function(responseText){ myElement.set('text', responseText); }, onFailure: function(){ myElement.set('text', 'Sorry, your request failed :('); } }); // and to send it: myRequest.send(data);
myForm.send(); // optionally you can add/change the form properties myForm.set('send', {url: 'contact.php', method: 'get'});
// the short way new Element('div#bar.foo'); // using the element constructor new Element('div', { 'class': 'foo', id: 'bar' });
// attach a click event o a element myElement.addEvent('click', function(){ alert('clicked!'); }); // attach several events at a time myElement.addEvents({ mouseover: function(){ alert('mouseover'); }, click: function(){ alert('click'); } });
// remove a event
myElement.removeEvent(type, fn);
var Animal = new Class({ initialize: function(age){ this.age = age; } }); var Cat = new Class({ Extends: Animal, initialize: function(name, age){ // calls initalize method of Animal class this.parent(age); this.name = name; } }); var myCat = new Cat('Micia', 20); alert(myCat.name); // alerts 'Micia'. alert(myCat.age); // alerts 20.