Direct.js
Direct.js - DOM-based routing/execution script
Related Articles
- Paul Irish - Markup-based unobtrusive comprehensive DOM-ready execution
- Viget - Extending Paul Irish’s comprehensive DOM-ready execution
Other Links
- NPMJS.org - NPM
How to Use
Direct.js takes advantage of HTML data-* attributes, yet is still usable with xHTML and HTML4 (and down). First thing is first; place data-controller=""
and data-action=""
in the <body>
tag of your layout:
Examples
Then, include Direct.js using either the <script>
tag or, if you're using an AMD compatible script, use the require('direct');
script call:
Examples
or
var _ = ;
Last, create your script! :-)
Usage
Direct.js uses both the _
and direct
variables. You could map them to any other variables you wish. For the sake of this article, we will use the shorthand _
variable.
If you specify a function but not action
, the action
will default to 'common'. If you specify an Object, the Object can contain functions or properties.
Examples
; ; ;
Order of Execution
utils.common()
[controller].common()
[controller].[action]()
When your anonymous function is executed, one argument is passed: utils
. This will contain all of the "libary" code you put in _("utils", ...)
. The keyword this
also contains a reference to utils
.
Please fork and improve.