[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now


Dynamic Pricing Meter ?

Posted on 2014-08-25
Medium Priority
Last Modified: 2014-09-08
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
Question by:sandshakimi
LVL 30

Accepted Solution

Alexandre Simões earned 1000 total points
ID: 40282803
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.
LVL 111

Assisted Solution

by:Ray Paseur
Ray Paseur earned 1000 total points
ID: 40282873
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!

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses four methods for overlaying images in a container on a web page
It’s a season to be thankful, and we’re thankful for users like you who engage on site, solve technology problems, and network with others in the industry. What tech are we most thankful for? Keep reading.
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn how to count occurrences of each item in an array.
Suggested Courses
Course of the Month20 days, 4 hours left to enroll

872 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question