saddle

DOM bindings for Derby

API

• clear(): clear markers, components and event listeners
• uid(): get an unique id
• getMarkers(): returns function, that templates or tags depending on what browser we are dealing with
• getAttr(id, name): get attribute by element id
• setAttr(id, name, val): set attribute by element id
• getProp(id, name): get property by element id
• setProp(id, name, val): set property by element id
• getHtml(id): get inner html by element id
• setHtml(id, html): set inner html by element/markers id
• append(id, html): append html to element/markers by id
• prepend(id, html): prepend html to element/markers by id
• insert(id, html, index): insert html at index into element/markers by id
• remove(id, index): remove node at index from element/markers by id
• move(id, from, to, howMany = 1): move nodes at index within element/markers by id

Not supporting yet

• IE 6-7 SVG manipulation
• IE < 9 <script> insertion into empty div see metamorph
• IE loosing some tags see meteor (mb the same thing as above)
• IE loosing comments in <select> and <option> see meteor
• IE <select> value from attribute see meteor

Testing

You need to install grunt globally:

$ npm i -g grunt

Run auto testing:

$ grunt test

Test opens Chrome by default You can open localhost:8080 in any browser to run automated tests
Open local file test/mocha.browser.html in IE 6

You can find borwser tests in test/Saddle.coffee

Test status

IE 6.0: SVG fails

IE 7.0: SVG fails
IE 8.0: SUCCESS
IE 9.0: SUCCESS

Opera 11.50: SUCCESS
Opera 12.11: SUCCESS

Safari 5.1: SUCCESS
Safari 6.0: SUCCESS

Firefox 3.0: SUCCESS
Firefox 12.0: SUCCESS
Firefox 18.0: SUCCESS

Chrome 24.0: SUCCESS
Chrome 26.0: SUCCESS

Android: SUCCESS
iOS: SUCCESS