@Decibel.places: Yes, I do

teamnirvana — Thu, 18 Dec 2008 07:29:41 +0000

@Decibel.places: Yes, I do agree with you and I would like to gladly take your help in this regard. But, the only constraint that I have is the time. I, being a Java guy, am not that comfortable with JavaScript.

Even if I start learning it in bits and pieces now, it would do me no good for this project. So, I had at last with no way to look had asked for the code.

Thanks for replying.

teamnirvana wrote: Hi can

decibel.places — Wed, 17 Dec 2008 14:14:18 +0000

teamnirvana wrote:

Hi can you provide me with code for this requirement.

That would be a great help for me.

Yeah, as an academic project, this feature has to work on html,css and javascript.

Since this is an academic project, asking someone else to provide you with the code for it is ... unethical at best, probably cheating.

I have no problem holding your hand, giving advice, pointing you to tools/resurces that will assist you.

I am not going to complete your academic project for you, in the long run that is for your own good

I'll give you a tip - Google is the developer's best friend - maybe you could try one of these results...

Hi can you provide me with

teamnirvana — Wed, 17 Dec 2008 10:47:02 +0000

Hi can you provide me with code for this requirement.

That would be a great help for me.

Yeah, as an academic project, this feature has to work on html,css and javascript.

Thank you.

another approach could be

pr0gr4mm3r — Tue, 16 Dec 2008 17:43:18 +0000

another approach could be using the Google Charts API which returns a PNG image as output, but that may not be within the assignment's requirements

Being an academic project, I think the OP is limited to HTML/CSS/Javascript. Otherwise, the Google Charts API or even GD functions would be a better option IMO.

using DHTML, one of the key

decibel.places — Tue, 16 Dec 2008 16:22:02 +0000

using DHTML, one of the key points to remember is to assign uniqiue CSS ids to each element (div or span), so they can be individually manipulated using document.getElementById

then you would need some scaling code to process the input values into values usable for the graph (some validation of input would not hurt)

another approach could be using the Google Charts API which returns a PNG image as output, but that may not be within the assignment's requirements

Well, the first step would

pr0gr4mm3r — Tue, 16 Dec 2008 15:08:26 +0000

Well, the first step would be to replicate that picture the best you can with HTML & CSS before we attempt to manipulate it with JavaScript.

I would warp the bar in a <div>, and then have smaller ones inside that and have the background color set to the colors you see in the progress bar. Then adjust their widths as necessary based on the dates.

Thanks for the reply. PHP is

teamnirvana — Tue, 16 Dec 2008 10:44:32 +0000

Thanks for the reply.

PHP is not required. The functionality is when dates are provided in the text boxes and the submit is clicked, these dates become respective parameters like Product purchase date, manufacturer's expiry date and certificate effective date and certificate expiry date. Today's date, retrieved on the fly.

Basic HTML,CSS and JavaScript is enough for help.

Thank you.

Welcome to the forums,

pr0gr4mm3r — Mon, 15 Dec 2008 15:03:02 +0000

Welcome to the forums, teamnirvana.

Are there any certain techniques that you have to use? For example, does this have to be done in HTML & CSS, PHP's GD library, or something else?