Comments on: Better living through DOM builders

By: ocean

ocean — Fri, 11 Jul 2008 09:56:23 +0000

ok I know this is ages old but on the off chance someone spots this and can help fix it! :-)

When I insert the following it fall apart. I guess I have my )] etc all muddled.

Builder.node(’div’, {id:’imageDataContainer’},
Builder.node(’div’,{id:’imageData’}, [
Builder.node('div',{id:'imageDetails'}, [
Builder.node('span',{id:'caption'}),
Builder.node('span',{id:'numberDisplay'})
//---------------------------new div
Builder.node('div',{id:'hoverNav'}, [
Builder.node('a',{id:'prevLink', href: '#' },"PREV"),
Builder.node('a',{id:'nextLink', href: '#' },"NEXT")
]),
//—————————-end div
]),
Builder.node(’div’,{id:’bottomNav’},
Builder.node(’a',{id:’bottomNavClose’, href: ‘#’ },
Builder.node(’img’, { src: LightboxOptions.fileBottomNavCloseImage })
)
)
])
)

By: ice

ice — Sat, 07 Jun 2008 19:54:22 +0000

Thank you for sharing this solution. I have been experience so much pain to create simple html with many many line of dom creation, and doesn’t work in IE sometimes. Thanks.

By: SillyCone

SillyCone — Mon, 29 Oct 2007 14:17:14 +0000

Actually, prototype now proposes his own version of the DOM Builder (with new Element()), so it’s the other way around : you don’t need script.aculo.us anymore XD

By: Kyle

Kyle — Mon, 24 Sep 2007 04:35:58 +0000

Ah, well it seems they’ve changed it. at the time of writing this (over a year ago) it did not require prototype (in fact, I was using it on a site w/o prototype). Not sure what the rational behind that is.

By: Sridhar Ratnakumar

Sridhar Ratnakumar — Mon, 24 Sep 2007 02:38:28 +0000

Kyle,

Do you or do you not realize that using prototypejs's functions like escapeHTML, gsub, etc. would make the script dependent on it?

By: Kyle

Kyle — Tue, 18 Sep 2007 05:07:17 +0000

Sridhar Ratnakumar: It most definitely does not. I understand you'd like to promote your own solution (I never said script.aculo.us was the only solution -- I said quite the opposite). But please do not spread misinformation.

By: Sridhar Ratnakumar

Sridhar Ratnakumar — Mon, 17 Sep 2007 11:51:39 +0000

builder.js requires prototype.js.

You might want to checkout this, http://nearfar.org/text/dom-builder.html

By: Zeno

Zeno — Fri, 27 Apr 2007 13:43:22 +0000

the correct syntax is:
Builder.node(’div’, {className: ‘result’…

and not:
Builder.node(’div’, {class: ‘result’…

Using “class:” instead of “:className:” will make the whole .js file unreadable under Safari (v2)!!! (it took me hours to figure it out)

By: Electronic Jazz Rocker Pop's

Electronic Jazz Rocker Pop's — Sat, 17 Mar 2007 09:40:53 +0000

DOM Builders

By: Jg

Jg — Mon, 04 Sep 2006 05:25:16 +0000

Forget all this DOM bullshit. Yurts are the wave of the future.