Behaviour, Return of Clean HTML
March 9, 2006
As we’ve begun adopting Ajax, JSON, and similar JavaScript heavy technologies a problem quickly arose. Suddenly our clean HTML was being cluttered with tons of script tags, onclicks, and other various event handling functions. Trying to extract this logic back out of the HTML was a definite desire for us.
Enter Behaviour.
Behaviour uses CSS selectors to specify what elements to apply JS handlers to.
Check out these demos. View the source and you’ll see clean markup that is free of logic. This allows us to step back and once again fully separate the presentation layer from the application layer.
Tags: AJAX, behavior, behaviour, css, functions, html, javascript, js, JSON, programming, web, web 2.0, web development, web20, xhtml
Comments
One Response to “Behaviour, Return of Clean HTML”
Got something to say?
User contributed tags: sex300 (381) - www;sex300;com (135) - behaviour html (63) - HTML Behaviour (49) - www.sex300 (47) - sex300,com (44) - behaviour clean html (40) - clean html (31) - javascript clean html (29) - Behaviour ajax (28) - behaviour html clean (26) - clean + javascript (26) - HTML clean (23) - ajax return html (21) - Behaviour cleaning HTML (19) - return html (17) - sheep behaviour (16) - "html in json" (15) - javascript return html (14) - javascript html cleanup (14) - behaviour (13) - javascript clean (12) - sheep behavior (12) - www.sex300.con (12) - behaviour css (12) - Behaviour html cleanup (10) - clean html javascript (9) - clean html tags (9) - www.sex300 com (9) - javascript html cleaner (8) - javascript clean html tags (8) - behavior clean html (7) - ajax behaviour (7) - sex300.con (7) - behaviour html ajax (7) - javascript html clean (7) - behaviour clean up html (7) - sex300 com (7) - cleanup javascript (7) - behaviour html cleaner (7) - clean html with javascript (6) - behavior ajax (6) - behaviour html cleaning (6) - return html javascript (6) - behavior css (5) - return HTML in JSON (5) - behavior html cleanup (5) - Behavior HTML clean (5) - Behaviour in HTML (5) - return in html (4) - "html clean" + javascript (4) - json 2 html (4) - html markup cleaner (4) - return html in ajax (4) - json return html (4) - javascript cleanup html (4) - html javascript separate (4) - javascript clean html function (4) - scriptaculous clean a tag (4) - ajax returning html (4) - behaviour + html script (4) - behaviour cleaning up html (4) - "html in ajax" (3) - css behaviour (3) - behavior html clean up (3) - html cleanup javascript (3) - cleaning html behaviour (3) - return html ajax (3) - behavior.js scriptaculous (3) - clean HTML behaviour (3) - behavior cleaning up html (3) - behaviour.css (3) - javascript clean return (3) - ajax return html function (3) - clean html tag (3) - clean html calendar (3) - ajax + clean html (3) - html behaviour clean (3) - behaviour clean (3) - JSON (3) - www sex300/com (3) - returning HTML is JSON (3) - www.sex300 con (3) - behaviour javascript (3) - SHEEP CLEANER (2) - html tags cleaner javascript (2) - separate html and javascript (2) - css javascript behavior (2) - ajax return -football (2) - clean json (2) - "html in JSON" response (2) - javascript "returning html" (2) - xoad behaviour (2) - ,www-sex300-com.html (2) - javascript to clean html (2) - behavior css .sct (2) - "cleanup HTML " javascript (2) - clean script (2) - css behavior javascript (2) - clean html tags javascript (2) - script + html cleaner (2) - parseek (2) - ajax returning javascript (2) - returning html in json (2) - HTML tag JSON (2) - www.parseek.com (2) - clean html java (2) - HTML::Clean (2) - cache:fFpf_WpKJjQJ:www.parseek.com/search/?q=sex300& (2) - on Return html (2) - html clean behaviour (2) - clean in javascript (2) - behaviour HTML javascript (2) - what is behaviour html (2) - clean comic con footage of spiderman (2) - javascript + clean up html tags (2) - 76915 (2) - xoad return json (2) - javascript clean function (2) - WWW SEX300 (2) - javascript cleaner (2) - JSON to return HTMl (2) - cleanup html in javascript (2) - 8109128484015 (2) - behaviour ajax html (2) - Behaviour 2 javascript (2) - enter behaviour css (2) - javascript clean tags (2) - clean html markup (2) - clean environment pics contest (2) - cleaning html + javascript (2) - ajax behavior (2) - how return html ajax (2) - HTML tags cleaner (2) - how to clean html (2) - behavior html tag (2) - clear html tag (2) - javascript "clean up" (2) - cleaning up your HTML "behaviour" (2) - html.js scriptaculous (2) - ajax returning html and javascript (2) - html clean comment (2) - behaviour of ajax (2) - how return an html in ajax (2) - clean html js (1) - javascript clean HTML tag (1) - json return html tag (1) - javascript behaviour css (1) - 5984732634440 (1) - function for html cleanup (1) -
[...] In a fully layout separate from logic in an Ajax environment, you need to make use of Javascript event handlers. My personal choice is Behaviour which my friend, Zach, posted about yesterday. [...]