Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

63 lines (48 sloc) 1.396 kb

DOMinate


THIS PROGRAM IS DEPRECATED AND NO LONGER ACTIVELY MAINTAINED.

Check out its successor Shaven.


A DOM building utility and Template engine build upon JsonML with syntax sugar.

    DOMinate(
        [document.body,
            ['h1#logo', 'Static Example', {style:'color:blue'}],
            ['p','some example text'],
            ['ul#list.bullets'},
                ['li', 'item1'],
                ['li.active', 'item2'],
                ['li',
                    ['a', 'item3', {href: '#'}]
                ]
            ]
        ]
    );

compiles to

    <body>
        <h1 id="logo" style="color:blue">Static Example</h1>
        <p>some example text</p>
        <ul id="list" class="bullets">
            <li>item1</li>
            <li class="active">item2</li>
            <li><a href="#">item3</a></li>
        </ul>
    </body>

Versions

DOMinate is available in two versions, which are based on each other.

Essential

  • 242 bytes
  • Contains the basic functionality
  • Attempt to build the shortest JsonML parser possible
  • For projects where every byte counts

Standard

  • 0.6k bytes
  • Contains all the functionality
  • Syntax Sugar for ids and classes
  • Support for namespaces. (Lets you build SVGs and other XML based languages)
  • Callback functions on elements
  • Returns a Object containing the root element and the elements with an id

Check out the examples folder for more in-depth examples

Jump to Line
Something went wrong with that request. Please try again.