Jaml: An HTML builder a la Haml

21 Jan 2010

There have been a few HTML builder APIs out there, but Ed Spencer (new lead of Ext JS) has put together something that looks and feels similar to Haml from the Ruby side.

Jaml lets you write HTML like this:

PLAIN TEXT

JAVASCRIPT:

div(
h1(“Some title”),
p(“Some exciting paragraph text”),
br(),
ul(
li(“First item”),
li(“Second item”),
li(“Third item”)
)
);

You can also use templates like this:

PLAIN TEXT

JAVASCRIPT:

Jaml.register(‘product’, function(product) {
div({cls: ‘product’},
h1(product.title),
p(product.description),
img({src: product.thumbUrl}),
a({href: product.imageUrl}, ‘View larger image’),
form(
label({‘for’: ‘quantity’}, “Quantity”),
input({type: ‘text’, name: ‘quantity’, id: ‘quantity’, value: 1}),
input({type: ‘submit’, value: ‘Add to Cart’})
)
);
});

Check it all out on his Github repo.

Go to Source

Tags: ed spencer, html builder, js, paragraph text, product description, quantity value, Ruby, text javascript, view larger image

3 Responses to Jaml: An HTML builder a la Haml

mr yooka

March 18th, 2010 at 6:27 pm

http://www.goldpuma.com is the lowest cost service which is full-featured and really works for you ($3.99 /month). They accept monthly payments.

They also offer "Free Site Builder" that helps you build your web pages without difficulty if you are not skilled in using any website creating program (WYSIWYG: What You See Is What You Get). You can use this service optionally.

ffung898

March 20th, 2010 at 8:25 am

The method posted above will set a default value, but when you click on the box, the value will remain there and the user will need to delete the text, which can be quite annoying.

This may be of help– it is an example of how to do a default value and delete it when the user clicks in the box, so they can just begin entering their information.

http://www.bradino.com/javascript/clear-textfield-default-value-onclick/

keylimeprecision

March 20th, 2010 at 9:14 pm

1. Let T = 21,250.
GM = 34X, where x = 300

So: 10,200 bucks is spent for GM stock

T – GM = net left over = 11,050

net divided by share price = total shares that can be bough

11,050 / 8.50 = 1,300

Programming Blog

Jaml: An HTML builder a la Haml

3 Responses to Jaml: An HTML builder a la Haml

Comment Form

About this blog