{"id":1452,"date":"2012-08-27T08:17:11","date_gmt":"2012-08-27T08:17:11","guid":{"rendered":"https:\/\/twproject.wordpress.com\/?p=1452"},"modified":"2012-08-27T08:17:11","modified_gmt":"2012-08-27T08:17:11","slug":"jquery-gantt-editorthe-code-explained","status":"publish","type":"post","link":"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/","title":{"rendered":"jQuery Gantt editor \u2013 the code explained"},"content":{"rendered":"<p><a href=\"http:\/\/roberto.open-lab.com\/2012\/08\/24\/jquery-gantt-editor\/\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-left: 0; padding-right: 0; display: inline; padding-top: 0; border: 0 none;\" title=\"jquery gantt explained\" src=\"https:\/\/twproject.com\/blog\/wp-content\/uploads\/2012\/08\/image_thumb.png\" alt=\"jquery gantt explained\" width=\"240\" height=\"150\" align=\"left\" border=\"0\" \/><\/a>In <a title=\"jQuery Gantt explained\" href=\"http:\/\/roberto.open-lab.com\/2012\/08\/24\/jquery-gantt-editor\/\" target=\"_blank\">this blog post<\/a>, Teamwork\u2019 developer Roberto Bicchierai explains the JavaScript magic behind Teamwork Gantt editor, demo online available here\u00a0<a title=\"Gantt editor demo\" href=\"http:\/\/gantt.twproject.com\/\" target=\"_blank\">http:\/\/gantt.twproject.com<\/a>.<\/p>\n<p>Teamwork version 5 includes it as main project tree editor.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this blog post, Teamwork\u2019 developer Roberto Bicchierai explains the JavaScript magic behind Teamwork Gantt editor, demo online available here\u00a0http:\/\/gantt.twproject.com. Teamwork version 5 includes it as main project tree editor.<\/p>\n","protected":false},"author":1,"featured_media":1450,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_custom_body_class":"","_custom_post_class":"","footnotes":""},"categories":[1],"tags":[148,149,158],"class_list":["post-1452","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","tag-gantt","tag-jquery","tag-msproject-online"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>jQuery Gantt editor \u2013 the code explained - Twproject.com<\/title>\n<meta name=\"description\" content=\"In this blog post, Teamwork\u2019 developer Roberto Bicchierai explains the JavaScript magic behind Teamwork Gantt editor, demo online available\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"jQuery Gantt editor \u2013 the code explained - Twproject.com\" \/>\n<meta property=\"og:description\" content=\"In this blog post, Teamwork\u2019 developer Roberto Bicchierai explains the JavaScript magic behind Teamwork Gantt editor, demo online available\" \/>\n<meta property=\"og:url\" content=\"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/\" \/>\n<meta property=\"og:site_name\" content=\"Twproject.com\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/twproject\" \/>\n<meta property=\"article:published_time\" content=\"2012-08-27T08:17:11+00:00\" \/>\n<meta name=\"author\" content=\"Twproject staff\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Twproject staff\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/\"},\"author\":{\"name\":\"Twproject staff\",\"@id\":\"https:\/\/twproject.com\/blog\/#\/schema\/person\/da893b575f6e2b7a1c2e1f9ff6de4e94\"},\"headline\":\"jQuery Gantt editor \u2013 the code explained\",\"datePublished\":\"2012-08-27T08:17:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/\"},\"wordCount\":39,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/twproject.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/#primaryimage\"},\"thumbnailUrl\":\"\",\"keywords\":[\"gantt\",\"jQuery\",\"msproject online\"],\"articleSection\":[\"News\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/\",\"url\":\"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/\",\"name\":\"jQuery Gantt editor \u2013 the code explained - Twproject.com\",\"isPartOf\":{\"@id\":\"https:\/\/twproject.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/#primaryimage\"},\"thumbnailUrl\":\"\",\"datePublished\":\"2012-08-27T08:17:11+00:00\",\"description\":\"In this blog post, Teamwork\u2019 developer Roberto Bicchierai explains the JavaScript magic behind Teamwork Gantt editor, demo online available\",\"breadcrumb\":{\"@id\":\"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/#primaryimage\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/twproject.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"jQuery Gantt editor \u2013 the code explained\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/twproject.com\/blog\/#website\",\"url\":\"https:\/\/twproject.com\/blog\/\",\"name\":\"Twproject.com\",\"description\":\"Twproject is a full featured web based project management software that gives you full visibility and control over your projects.Twproject is also a time tracking software, a bug tracking software, a project planning software.\",\"publisher\":{\"@id\":\"https:\/\/twproject.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/twproject.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/twproject.com\/blog\/#organization\",\"name\":\"Twproject - Project Management Software\",\"url\":\"https:\/\/twproject.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/twproject.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/twproject.com\/blog\/wp-content\/uploads\/twroject-logo-m.png\",\"contentUrl\":\"https:\/\/twproject.com\/blog\/wp-content\/uploads\/twroject-logo-m.png\",\"width\":331,\"height\":110,\"caption\":\"Twproject - Project Management Software\"},\"image\":{\"@id\":\"https:\/\/twproject.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/twproject.com\/blog\/#\/schema\/person\/da893b575f6e2b7a1c2e1f9ff6de4e94\",\"name\":\"Twproject staff\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/twproject.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c4b6e8399059214de08987af10d007755925cbc1efa44a270a4a5ab552f7a862?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c4b6e8399059214de08987af10d007755925cbc1efa44a270a4a5ab552f7a862?s=96&d=mm&r=g\",\"caption\":\"Twproject staff\"},\"description\":\"Twproject is built by a small, solid and very efficient company. Its developers are ready to give support on the solution. Follow us for news, tips and updates.\",\"sameAs\":[\"https:\/\/www.facebook.com\/twproject\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"jQuery Gantt editor \u2013 the code explained - Twproject.com","description":"In this blog post, Teamwork\u2019 developer Roberto Bicchierai explains the JavaScript magic behind Teamwork Gantt editor, demo online available","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/","og_locale":"en_US","og_type":"article","og_title":"jQuery Gantt editor \u2013 the code explained - Twproject.com","og_description":"In this blog post, Teamwork\u2019 developer Roberto Bicchierai explains the JavaScript magic behind Teamwork Gantt editor, demo online available","og_url":"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/","og_site_name":"Twproject.com","article_author":"https:\/\/www.facebook.com\/twproject","article_published_time":"2012-08-27T08:17:11+00:00","author":"Twproject staff","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Twproject staff"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/#article","isPartOf":{"@id":"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/"},"author":{"name":"Twproject staff","@id":"https:\/\/twproject.com\/blog\/#\/schema\/person\/da893b575f6e2b7a1c2e1f9ff6de4e94"},"headline":"jQuery Gantt editor \u2013 the code explained","datePublished":"2012-08-27T08:17:11+00:00","mainEntityOfPage":{"@id":"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/"},"wordCount":39,"commentCount":0,"publisher":{"@id":"https:\/\/twproject.com\/blog\/#organization"},"image":{"@id":"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/#primaryimage"},"thumbnailUrl":"","keywords":["gantt","jQuery","msproject online"],"articleSection":["News"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/","url":"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/","name":"jQuery Gantt editor \u2013 the code explained - Twproject.com","isPartOf":{"@id":"https:\/\/twproject.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/#primaryimage"},"image":{"@id":"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/#primaryimage"},"thumbnailUrl":"","datePublished":"2012-08-27T08:17:11+00:00","description":"In this blog post, Teamwork\u2019 developer Roberto Bicchierai explains the JavaScript magic behind Teamwork Gantt editor, demo online available","breadcrumb":{"@id":"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/#primaryimage","url":"","contentUrl":""},{"@type":"BreadcrumbList","@id":"https:\/\/twproject.com\/blog\/jquery-gantt-editorthe-code-explained\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/twproject.com\/blog\/"},{"@type":"ListItem","position":2,"name":"jQuery Gantt editor \u2013 the code explained"}]},{"@type":"WebSite","@id":"https:\/\/twproject.com\/blog\/#website","url":"https:\/\/twproject.com\/blog\/","name":"Twproject.com","description":"Twproject is a full featured web based project management software that gives you full visibility and control over your projects.Twproject is also a time tracking software, a bug tracking software, a project planning software.","publisher":{"@id":"https:\/\/twproject.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/twproject.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/twproject.com\/blog\/#organization","name":"Twproject - Project Management Software","url":"https:\/\/twproject.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/twproject.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/twproject.com\/blog\/wp-content\/uploads\/twroject-logo-m.png","contentUrl":"https:\/\/twproject.com\/blog\/wp-content\/uploads\/twroject-logo-m.png","width":331,"height":110,"caption":"Twproject - Project Management Software"},"image":{"@id":"https:\/\/twproject.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/twproject.com\/blog\/#\/schema\/person\/da893b575f6e2b7a1c2e1f9ff6de4e94","name":"Twproject staff","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/twproject.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c4b6e8399059214de08987af10d007755925cbc1efa44a270a4a5ab552f7a862?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c4b6e8399059214de08987af10d007755925cbc1efa44a270a4a5ab552f7a862?s=96&d=mm&r=g","caption":"Twproject staff"},"description":"Twproject is built by a small, solid and very efficient company. Its developers are ready to give support on the solution. Follow us for news, tips and updates.","sameAs":["https:\/\/www.facebook.com\/twproject"]}]}},"_links":{"self":[{"href":"https:\/\/twproject.com\/blog\/wp-json\/wp\/v2\/posts\/1452","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/twproject.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/twproject.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/twproject.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/twproject.com\/blog\/wp-json\/wp\/v2\/comments?post=1452"}],"version-history":[{"count":0,"href":"https:\/\/twproject.com\/blog\/wp-json\/wp\/v2\/posts\/1452\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/twproject.com\/blog\/wp-json\/"}],"wp:attachment":[{"href":"https:\/\/twproject.com\/blog\/wp-json\/wp\/v2\/media?parent=1452"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/twproject.com\/blog\/wp-json\/wp\/v2\/categories?post=1452"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/twproject.com\/blog\/wp-json\/wp\/v2\/tags?post=1452"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}