It allows to create the html documents dynamically in pure JavaScript (with almost no html code at all)
It contains a kind of a wrappers to DOM hierarchy.
We have a function for every html element like: {@code table, tr, td, div, span} etc..;
but also we have functions that constructs many specialized and more complex elements that have some dynamic behaviour
implemented (like menu, blind, oneof, bar, logger, and more).
User can easely use those basic and more advanced elements as a blocks to construct more complex elements.
Please check the files: noh_example.js (and noh_example.html) for full (but simple) working example.
Main documentation with introduction and examples is available here: NOH library documentation
Additional API documentation generated with JSDoc3 will be available here: NOH API documentation
NOH library depends on jQuery. TODO: Limit jQuery usage for NOH to be able to work with SVG or other elements (not only html) jQuery SVG problems
The simplest example:
Instead of HTML code like:
<div id="someid">
<h2>EXAMPLE</h2>
<p>
<h4>Some header</h4>
Some content
</p>
<p>
<h4>Other header</h4>
Other content
</p>
</div>
We write JS code like:
noh.div({id:"someid"},
noh.h2("EXAMPLE"),
noh.p(noh.h4("Some header"),"Some content"),
noh.p(noh.h4("Other header"),"Other content")
);