Meta tags:
description=The purpose of JsonML is to provide a compact format for transporting XML-based data via JSON. JsonML can help when building UI in Ajax applications and can easily be used to bind behaviors to DOM elements for implementing techniques such as Progressive Enhancement.;

Headings (most frequently used words):

jsonml, markup, bytes, xml, dom, to, in, json, side, jbst, example, list, rendered, xhtml, org, language, browser, templating, links, topics, feedback, examples, downloads, grammar, bnf, usage, recommendations, namespaces, quirks, colorful, table, bulleted, duel, net, get, know, libraries, jquery, plugin, array, prototype, todomnodes, alternate, xslt, implementations, client, proxy, more, tuple, order, tag, name, attributes, element, 516, 558, 173, 184,

Text of the page (most frequently used words):
#jsonml (61), the (42), style (26), for (21), class (18), xml (18), jbst (17), dom (16), name (16), #element (16), side (16), color (15), json (15), and (14), attribute (13), markup (12), background (12), mytd (12), list (11), javascript (11), which (11), script (10), item (9), template (9), example (8), xhtml (8), elements (8), attributes (8), tag (8), into (8), open (8), source (8), browser (8), any (7), net (7), span (6), text (6), border (6), 1px (6), solid (6), black (6), before (6), uncompressed (6), compact (6), client (6), templating (6), third (5), are (5), have (5), css (5), see (5), string (5), based (5), gzip (5), xslt (5), with (5), provides (5), green (4), red (4), bytes (4), table (4), here (4), implementors (4), must (4), within (4), there (4), number (4), also (4), how (4), back (4), server (4), you (4), ajax (4), language (4), second (3), some (3), first (3), not (3), styles (3), property (3), value (3), such (3), namespaces (3), more (3), other (3), this (3), syntax (3), converts (3), data (3), builder (3), asp (3), duel (3), send (3), can (3), web (3), format (3), proxy (3), jquery (3), encoding (3), code (2), title (2), hover (2), rendered (2), u00a0 (2), maroon (2), blue (2), yellow (2), mytable (2), aad034 (2), 127310656 (2), af44ef (2), 5d28d1 (2), set (2), directly (2), parse (2), object (2), microsoft (2), internet (2), explorer (2), sit (2), thead (2), tbody (2), will (2), them (2), they (2), due (2), reserved (2), words (2), different (2), than (2), their (2), equivalent (2), differences (2), quirks (2), aware (2), serialize (2), child (2), usage (2), transformation (2), page (2), true (2), grammar (2), encoded (2), document (2), binding (2), jsonfx (2), compiler (2), next (2), power (2), filter (2), callback (2), behaviors (2), action (2), feedback (2), email (2), interesting (2), arbitrary (2), via (2), when (2), easily (2), building (2), use (2), system (2), makes (2), easier (2), without (2), alternate (2), built (2), plugin (2), java (2), support (2), xpath (2), libraries (2), provide (2), good (2), allows (2), original (2), form (2), 184, 173, bulleted, u00a9, e33d87, 127624015, 993101, 550758, 558, 516, colorful, does, allow, inline, either, each, individually, assign, csstext, quirk, respectively, render, aren, direct, children, should, expect, requires, tabledom, restrictions, upon, identifier, names, positioning, float, stylefloat, cssfloat, firefox, multi, word, properties, become, camel, case, backgroundcolor, primarily, classname, while, process, fairly, straight, forward, recursively, hydrate, tree, from, inconsistencies, supports, same, way, that, were, handled, concatenation, namespace, prefix, colon, character, local, natural, finish, populating, moving, onto, because, nodes, siblings, tuple, order, recommendations, details, reasoning, unconventional, null, false, following, represents, per, whitespace, permitted, between, tokens, bnf, license, 58k, utils, utility, manipulating, structures, 40k, 27k, 79k, 85k, 76k, 07k, binder, 78k, 94k, html, jvm, dual, engine, evolution, downloads, give, idea, expressive, demonstrate, demonstrations, play, live, examples, stephen, mckamey, mck, welcome, sounds, useful, suggestions, consistent, intent, please, feel, free, share, exercise, convert, learn, simple, transformed, help, applications, used, implementing, techniques, progressive, enhancement, bind, primary, across, wire, ideal, transmit, excellent, mechanism, storing, inside, rpc, utilizing, demonstrates, strengths, leveraging, familiar, jsp, solutions, much, topics, link, relevant, add, dominiek, ter, heide, tool, enables, need, cross, domain, service, calls, bram, stein, has, implemented, converting, xsltjson, lite, implementations, john, doherty, alternative, light, weight, array, prototype, todomnodes, trevor, norris, put, together, work, environment, jayrock, douglas, crockford, library, build, time, p6r, jdx, several, article, was, published, author, walks, reader, through, delving, specific, tutorial, ibm, developerworks, get, know, lets, design, compile, controls, components, quickly, turn, static, dynamic, app, online, generation, templates, written, improved, executed, links, once, compiled, may, combined, compressed, all, produce, lightweight, separation, layout, mvc, solution, syntactically, feels, like, javaserver, pages, usercontrols, uses, pure, native, doesn, well, embedded, stored, properly, opaque, easy, manipulation, completely, rehydrating, application, purpose, transporting, losslessly, converted, its, notation, org,

Text of the page (random words):
jsonml json markup language jsonml org json markup language jsonml jsonml json markup language is an application of the json javascript object notation format the purpose of jsonml is to provide a compact format for transporting xml based markup as json which allows it to be losslessly converted back to its original form native xml xhtml doesn t sit well embedded in javascript when xhtml is stored in script it must be properly encoded as an opaque string jsonml allows easy manipulation of the markup in script before completely rehydrating back to the original form jsonml browser side templating jbst jbst is an mvc style client side ajax templating solution which syntactically feels like javaserver pages asp net usercontrols it uses jsonml as the encoding and pure javascript as the template language once jbst is compiled to jsonml javascript it may be combined and compressed with all other javascript to produce a lightweight templating system with true separation of data and layout see it in action links duel duel is the next generation of jbst jsonml browser side template templates are written in an improved syntax which can be executed in javascript as a client side template or in java as a server side template jbst net an online jsonml browser side template compiler jbst net lets you design and compile jbst controls without any server side components quickly turn a static web page into a dynamic web app get to know jsonml a good jsonml article was published on ibm developerworks the author walks the reader through some good background on ajax json before delving into a specific tutorial of jsonml usage jsonml in json libraries several json libraries provide built in support for jsonml jbst p6r jdx xpath 2 0 for xml json and jsonml provides xpath for jsonml jsonfx for net provides jbst build time support douglas crockford s json library for java provides jsonml encoding jayrock for net provides jsonml encoding jsonml jquery plugin trevor norris put together a jquery javascript jsonml plugin which makes jsonml easier to work with within a jquery based environment array prototype todomnodes john doherty built a light weight jsonml builder alternative alternate xml to jsonml xslt implementations bram stein has implemented an alternate xslt for converting arbitrary xml to json xsltjson lite xml to jsonml client side proxy dominiek ter heide s xml to json proxy is an interesting use of jsonml the tool enables cross domain xml service calls without the need for a server side proxy more if you have a link relevant to jsonml send an email to add it to the list topics jsonml browser side templating jbst is a client side templating system utilizing jsonml which demonstrates the strengths of templating in the browser leveraging a familiar asp jsp syntax it makes building ajax solutions much easier a primary use for jsonml is to send xhtml across the wire to a json aware client e g web browser and have it easily parse it into dom elements jsonml is an ideal format to transmit ui markup via json rpc it also provides an excellent mechanism for storing ui markup inside of javascript see how jsonml can help when building ui in ajax applications also the jsonml filter callback can easily be used to bind behaviors to dom elements for implementing techniques such as progressive enhancement learn how any arbitrary xml is transformed into jsonml via a simple xslt for an interesting exercise see how to convert dom elements to jsonml and back feedback feedback is welcome if this sounds useful to you send an email if you have suggestions which are consistent with the intent here please feel free to share them stephen m mckamey mck me examples to see jbst in action play with the live jbst example other demonstrations give an idea of the expressive power of jsonml they also demonstrate the power of the jsonml filter callback for binding behaviors to dom elements downloads a dual side server side client side template engine is the next evolution of jsonml browser side template jbst duel for the jvm an open source jsonml browser side template jbst compiler jsonfx net 1 x for asp net 2 0 3 5 an open source jsonml builder script jsonml ui builder jsonml html js 15 78k uncompressed 1 94k compact gzip an open source jbst template data binding script jbst data binder jsonml jbst js 10 76k uncompressed 1 07k compact gzip an open source script which converts dom elements back into jsonml dom to jsonml script jsonml dom js 4 79k uncompressed 0 85k compact gzip an open source script which converts any xml based document into jsonml xml to jsonml script jsonml xml js 8 8k uncompressed 1 27k compact gzip an open source transformation which converts any xml based document into jsonml xml to jsonml xslt jsonml xslt 6 40k uncompressed an open source utility script for manipulating jsonml structures jsonml utils script jsonml xml js 5 2k uncompressed 0 58k compact gzip open source license grammar bnf the following grammar represents how xml based markup e g xhtml is encoded into jsonml as per json whitespace is permitted between tokens element tag name attributes element list tag name attributes tag name element list tag name string tag name string attributes attribute list attribute list attribute attribute list attribute attribute attribute name attribute value attribute name string attribute value string number true false null element list element element list element see the syntax page for more details and the reasoning for this unconventional transformation usage recommendations tuple order tag name attributes element list implementors must serialize the tag name of the element before attributes or before any element list this is because any child text nodes will be siblings to the tag name of the element implementors must serialize attributes before any child element as it is more natural to finish populating element attributes before moving onto other elements xml namespaces jsonml supports namespaces the same way that namespaces were handled in xml 1 0 the element name is a concatenation of the namespace prefix the colon character and the element local name dom quirks while the process is fairly straight forward to recursively hydrate a dom element tree from jsonml there are a number of inconsistencies and quirks to be aware of attribute name differences due primarily to reserved words within javascript there are a number of dom attributes which have a different name than their xhtml equivalent e g css class attribute is class in xhtml and classname in dom css style name differences due to reserved words within javascript and restrictions upon identifier names there are a number of dom styles which have a different name than their css equivalent e g the positioning property float in css is stylefloat for ie dom and cssfloat for firefox dom also multi word css properties such as background color become camel case backgroundcolor in javascript microsoft internet explorer tabledom a quirk in ie requires th td elements to sit directly within thead tbody respectively it will not render them if they aren t direct children as such implementors should not expect there to be thead tbody elements microsoft internet explorer styles ie does not allow inline styles to be set directly on the style property implementors must either parse the style attribute and set each style individually or assign the value to the csstext property of the style object colorful table example rendered in dom 5d28d1 example text here af44ef 127310656 aad034 xhtml markup 516 bytes table class mytable style background color yellow tr td class mytd style border 1px solid black 5d28d1 td td class mytd style background color red example text here td tr tr td class mytd style border 1px solid black af44ef td td class mytd style background color green 127310656 td tr tr td class mytd style border 1px solid black aad034 td td class mytd style background color blue span style background color maroon span td tr table jsonml markup 558 bytes table class mytable style background color yellow tr td class mytd style border 1px solid black 550758 td class mytd style background color red example text here tr td class mytd style border 1px solid black 993101 td class mytd style background color green 127624015 tr td class mytd style border 1px solid black e33d87 td class mytd style background color blue u00a0 span style background color maroon u00a9 u00a0 bulleted list example rendered in dom first item second item third item xhtml markup 173 bytes ul li style color red first item li li title some hover text style color green second item li li span class code example third third span item li ul jsonml markup 184 bytes ul li style color red first item li title some hover text style color green second item li span class code example third third item