ActiveDOM

ActiveDOM jQuery(‘a.nd > html :tricks’).for(‘web application’).data(); by Felix Geisendörfer

About me • Felix Geisendörfer, 20 years old, Germany • Blogger / Programmer / Entrepreneur • Used jQuery in all battle ﬁelds • School projects, small business sites, 300++ DB table monster project

Key ideas • Make the DOM represent you data (semantics) • Abstract the DOM interaction away from • Known your audience - no silver bullets. • JSON is your friend in times of trouble.

Data on your server posts id user_id title users text created tags modiﬁed Database Tables Rows Columns

Data in your client id user_id title text created modiﬁed Table ‘posts’ DOM / Html representation

Manipulating data in the DOM Lets say we want to change the ‘text’ ﬁeld ...

This is why we love, jQuery!

Lets make it more difﬁcult ... Lets try to change the ‘user_id’ ...

And a last one Changing the ‘created’ column

What about reading the data?

What is the Pattern?

Mapping columns to get /set functions get id set user_id title get text set created get modiﬁed se t Columns DOM transformation / access functions

A map for DOM-land

How to use the map?

Use it directly? beats

Problems • Only operates on one ‘post’ object • Clumsy syntax • No Chaining

How far can you go? with some abstraction with custom css selectors

How to get there? • Plugin generator • Routing plugin function calls to sub-functions • Re-using the ‘ﬁelds’ map logic for plugins

Questions? Thanks goes to John & the jQuery team! Talk will be online at: thinkingphp.org

http://jsgt.org	18
http://seenthis.net	4
http://www.jsgt.org	1
http://www.slideshare.net	1

ActiveDOM

by Felix Geisendörfer on Oct 29, 2007

Accessibility

Categories

Upload Details

Usage Rights

4 Embeds 24

Statistics

ActiveDOM Presentation Transcript