Scott: Created page with '== Reference == Official specification: http://www.ecma-international.org/publications/standards/Ecma-357.htm Background: http://en.wikipedia.org/wiki/E4X http://developer.mozil…'

2011-01-31T22:57:27Z

Created page with '== Reference == Official specification: http://www.ecma-international.org/publications/standards/Ecma-357.htm Background: http://en.wikipedia.org/wiki/E4X http://developer.mozil…'

New page

== Reference ==
Official specification: http://www.ecma-international.org/publications/standards/Ecma-357.htm

Background: http://en.wikipedia.org/wiki/E4X http://developer.mozilla.org/en/docs/E4X

Tutorials: http://www.w3schools.com/e4x/default.asp http://developer.mozilla.org/presentations/xtech2005/e4x/

== XML as Javascript ==
<source lang="javascript">
order = <order id="1234">
<customer><name>Joe Green</name>
<address><street>410 Main</street>
<city>York</city><state>VT</state>
</address>
</customer>
<item>. . .</item>
<item>
<make>Acme</make>
<model>Framistat</model>
<price>2.50</price>
<qty>30</qty>
</item>
</order>;
var address = order.customer.address;
var second = order.item[1];
second.total = second.qty * second.price;
</source>

== Features specific to E4X ==
<source lang="javascript">
var order = <order><customer>. . .</customer>
<item><price>5</price><qty>10</qty></item>
<item level="rush">
<price>2.5</price>
<qty>30</qty>
</item>
<item level="rush">
<price>1.5</price>
<qty>50</qty>
</item>
</order>;
var items = order.item; // XMLList of item elements
var prices = order..price;
var urgentItems = order.item.(@level == "rush");
var itemAttrs = order.item[0].@*;
</source>

== Generating HTML ==
<source lang="javascript">
var html = <html/>;
html.head.title = "My Page Title";
html.body.@bgcolor = "#e4e4e4";
html.body.form.@name = "myform";
html.body.form.@action = "someurl.jss";
html.body.form.@method = "post";
html.body.form.@onclick = "return somejs();";
html.body.form.input[0] = "";
html.body.form.input[0].@name = "test";

document.innerHTML = html.toXMLString()
</source>

== Looping over elements ==
<source lang="javascript">
var price=0
for each (i in order.item) {
price+= i.qty*i.price
}
</source>

E4X - Revision history

Scott: Created page with '== Reference == Official specification: http://www.ecma-international.org/publications/standards/Ecma-357.htm Background: http://en.wikipedia.org/wiki/E4X http://developer.mozil…'