{"id":153,"date":"2012-08-27T07:02:05","date_gmt":"2012-08-27T07:02:05","guid":{"rendered":"http:\/\/patternweaver.com\/blog\/?p=153"},"modified":"2012-08-27T09:40:56","modified_gmt":"2012-08-27T09:40:56","slug":"multiselecttree-js","status":"publish","type":"post","link":"http:\/\/patternweaver.com\/blog\/2012\/08\/multiselecttree-js\/","title":{"rendered":"MultiSelectTree.js"},"content":{"rendered":"<p>I&#8217;ve often needed a multiselect interface for heirarchichal data, and the way I like to get my code on, I find myself wanting to overload a select multiple (even with it&#8217;s poor default behavior). I figured I can represent each node&#8217;s heirarchy in an attribute, so if the js fails to load, you are still left with a working widget (albeit flat and probably overpopulated). Also, rather than external graphics, I&#8217;d like to use textual widgets and take advantage of modern css effects, rather than load external graphics.<\/p>\n<p>I personally prefer MooTools.. when I look at the code, it makes my mind juggle less to work with it, and my designs rely on objects needing a strong inheretance model. So here we go in MooTools:<br \/>\n<iframe style=\"width: 100%; height: 300px\" src=\"http:\/\/jsfiddle.net\/khrome\/aRekv\/embedded\/result,js,css,html\/\" allowfullscreen=\"allowfullscreen\" frameborder=\"0\"><\/iframe><\/p>\n<p>But I do recognize most &#8216;Javascript&#8217; developers are actually just jQuery hacks who copy and paste code. So in that spirit I offer:<br \/>\n<iframe style=\"width: 100%; height: 300px\" src=\"http:\/\/jsfiddle.net\/khrome\/rdZZV\/embedded\/result,js,css,html\/\" allowfullscreen=\"allowfullscreen\" frameborder=\"0\"><\/iframe><\/p>\n<p>It could use some work on transitions and event firing, but I was pretty pleased with the result. Enjoy!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I&#8217;ve often needed a multiselect interface for heirarchichal data, and the way I like to get my code on, I find myself wanting to overload a select multiple (even with it&#8217;s poor default behavior). I figured I can represent each node&#8217;s heirarchy in an attribute, so if the js fails to load, you are still [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6,11],"tags":[],"class_list":["post-153","post","type-post","status-publish","format-standard","hentry","category-js","category-mootools"],"_links":{"self":[{"href":"http:\/\/patternweaver.com\/blog\/wp-json\/wp\/v2\/posts\/153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/patternweaver.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/patternweaver.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/patternweaver.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/patternweaver.com\/blog\/wp-json\/wp\/v2\/comments?post=153"}],"version-history":[{"count":0,"href":"http:\/\/patternweaver.com\/blog\/wp-json\/wp\/v2\/posts\/153\/revisions"}],"wp:attachment":[{"href":"http:\/\/patternweaver.com\/blog\/wp-json\/wp\/v2\/media?parent=153"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/patternweaver.com\/blog\/wp-json\/wp\/v2\/categories?post=153"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/patternweaver.com\/blog\/wp-json\/wp\/v2\/tags?post=153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}