JSGantt - Free 100% Javascript CSS and HTML based gantt chart component
Posted At : August 24, 2008 8:37 AM
After a long and overdue overhaul of the popular CF_Gantt custom tag, I am pleased to announce the Alpha version of JSGantt. I've enlisted another super coder and BTPOG we got through rewriting that awful piece of code.
JSGantt is now available for PHP, ASP/.NET, Java and almost anyone else for free.
- This component is 100% Javascript and CSS
- No images were used or harmed in the making of this tag
- Completely buzzword compliant including AJAX !
- This component is free
- Beta expected in September
- Bugs/Suggestions are welcome
JSGantt javascript component can be downloaded here.
CF_Gantt 3.0 ColdFusion wrapper can be downloaded here



![Validate my RSS feed [Valid RSS]](http://www.shlomygantz.com/blog/valid-rss.png)
Also, it might be nice that once items were 100% completed you could automatically change the background color/font color
I still have it in my mind to someday take a crack at writing a JSP-tag version of this. Sometime before I die, perhaps.
@Trebor: I did , but I am much more of a JS expert than a Laszlo one. Would be interesting to redo it in Laszlo and see the difference in size/performance.
I was trying to see the gant chart again to regain my previous thoughts but its no longer displaying...
Null Pointers are another name for undefined values.
The error occurred in E:\ColdFusion8\CustomTags\CF_Gantt30_v1c\CF_Gantt30\gantt.cfm: line 2262
2260 :
2261 : <!--- Start on Saturday , End of saturday --->
2262 : <cfif dayofweek(attributes.StartDate) neq 7>
2263 : <cfset attributes.StartDate = dateadd("d","-#dayofweek(attributes.StartDate)#",attributes.StartDate)>
2264 : </cfif>
I have made sure the startdate is there and of the format mm/dd/yy any clue
would be appreciate
<cf_gantt showAssignedTo="yes" showDuration="yes">
<cf_ganttgroup name="#qry_projects.proj_name#" assignedTo="#getempname(qry_projects.proj_assigned,'p')#">
<cfloop query="qry_projects">
<cfset begin_week=week(task_est_begin)>
<cfset end_week=week(task_est_end)>
begin:#dateformat(task_est_begin,'mm/dd/yy')# <br>
end:#dateformat(task_est_end,'mm/dd/yy')# <br>
<cf_ganttitem name="#task_title#" startdate="10/10/08" enddate="11/13/08" assignedTo="#getempname(task_assigned_to,'p')#">
</cfloop>
</cf_ganttgroup>
<cf_ganttgroup name="Project Review & Write-Off" assignedTo="John Test Dude">
</cf_ganttgroup>
</cf_gantt>
a soon i change back to the older everything is OK.
Please i need i help here..lol
regards,
Mladen K.
However, the code is old style HTML and has an abundance of style tags.
All the CSS should be kept in a separate CSS-file, for ease of maintanence.
Also, for internationalisation purposes, the text string should be separated
from the code.
...and the difference in flexibility. Try using Flex instead, much better than javascript. Strongly typed fully OO. You can integrate data straight from the DB, and reorder the columns without a hassle.
Ideally Gantt charts have to move and be readjusted on a user click and drag, something Flex does effortlessly.