Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Cost Calculator

Featured Replies

Hi all I've been asked to put together a cost calculator for a Garage Conversion Company, in which the user can input things like the dimensions of their garage and how many power points they need etc and they then receive an automatic estimate.

 

Just wondered what would be the best way to set this up, PHP?

 

And also what people think I should charge.

Best thing to do would be to use Javascript. Then the estimate would be instant onscreen as the user changes values. The cost of course depends on how complex the calculator is and how how long it takes you to code and style it. Best guess £50 - 100

  • Author

Cheers Jay, its not overly complicated just basically a few dimensions and any extra fittings.

 

Can you recommend any good examples/tutorials?

Ideally you'd want php, and then use ajax and js to make it more user friendly. That way you have a fail safe in place. (Javascript can be unavailable for a whole host of reasons, I.E work machine, old machine, Mobile phone etc).

 

However that can add up, given the choice most people will say go for php (maximum people can use it). But personally i'd go javascript like said above (easier to use).

 

Regardless depending on your knowledge of jquery, you could probably ajax it up in about 15-30 minutes.

 

For links have a look at:

 

 

jQuery Only

 

http://www.pengowork...tion.plugin.htm

 

http://www.issackell...age_Calculator/

 

PHP Calculator

 

http://www.webdesign.org/web-programming/php/php-calculator.10025.html

 

Making post requests with jQuery + AJAX (If you choose the PHP+jQuery Route)

 

http://net.tutsplus.com/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/

 

If you have a Tuts+ subscription, theirs a good jQuery calculator tutorial on their.

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.