Dynamic Pricing Meter ?

This is a pricing meter that is suppposed to reflect options that a user chooses (it will be in a form below).

Example, user is selecting a laptop, making adjustments to CPU, memory, screen size, etc.

As they make choices and recalculate the price meter should animate to reflect the new price.

This will be done in Drupal. Are there existing modules? Or if not Drupal, exisiting JavaScript frameworks that can get me here?

screen capture
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Alexandre SimõesManager / Technology SpecialistCommented:
I don't know about Drupal specific modules but I guess it doesn't matter anyway.
Your data should come either from client-side calculations or AJAX requests feeding the javascript based gauge chart with the data.

Here are some good resources:

All of the above have comprehensive demos and examples.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Ray PaseurCommented:
There are so many moving parts to an application like this, that I think you'll get better results if you break it down into component parts.  Here is my guess at the outline.

1. A simple form script to configure the laptop.  As you start, you can make the request via GET, but when you implement the application you will want to change to POST.  The advantage of GET is that you can make the requests via the browser URL while you are testing.  This script will eventually become the server-side of the AJAX application.  It will be easier to debug this separately, decoupled from the client-side JavaScript.

2. A database abstraction layer.  The server-side script will need to send the laptop configuration to the data base layer and get back validated data, including cost components.  Since laptop prices change rapidly and frequently this should be a separate module.

3. A client-side layer that (at first) just displays the cost components.  As your other layers of the application come together, this layer can begin to build attractive visual elements like charts or sliders, based on the data from the AJAX server-side script.

It's an interesting project.  Good luck with it!
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.