Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
broberts
committed
Mar 14, 2011
1 parent
5f249d2
commit 2fa90da
Showing
4 changed files
with
282 additions
and
7 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,130 @@ | ||
| <html> | ||
|
|
||
| <head> | ||
| <title>Savings Calculator</title> | ||
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | ||
| <script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script> | ||
|
|
||
| <style type="text/css"> | ||
|
|
||
| label { width: 15em; float: left; } | ||
| label.error { float: none; color: red; padding-left: .5em; vertical-align: top; } | ||
|
|
||
| </style> | ||
|
|
||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
| <h2>Savings Calculator</h2> | ||
|
|
||
|
|
||
| <form id="roi-form"> | ||
| <fieldset> | ||
| <legend>Please fill in the fields with the "*" and then click the button for the calculation</legend> | ||
| <p> | ||
| <label for="trucks">Number of Vehicles:</label> | ||
| <em>*</em><input name="trucks" id="trucks" size="20" class="required" /> | ||
| </p> | ||
|
|
||
| <p> | ||
| <label for="salary">Hourly Driver Salary:</label> | ||
| <em>*</em><input name="salary" id="salary" size="20" class="required" /> | ||
| </p> | ||
|
|
||
| <p> | ||
| <label for="cpm">Cost per Mile:</label> | ||
| <em>*</em><input name="cpm" id="cpm" size="20" class="required" /> | ||
| </p> | ||
|
|
||
| <p> | ||
| <label for="currmiles">Total Miles Driven per Vehicle:</label> | ||
| <em>*</em><input name="currmiles" id="currmiles" size="20" class="required" /> | ||
| </p> | ||
|
|
||
| <p> | ||
| <label for="list">Estimated Mileage Reduction:</label> | ||
| <em>*</em><select id="list" class="required"> | ||
| <option value='0'>Select the Savings.....</option> | ||
| <option value='10'>10 %</option> | ||
| <option value='15'>15 %</option> | ||
| <option value='20'>20 %</option> | ||
| </select> | ||
| </p> | ||
|
|
||
| <input type="submit" id="roi-calc" value="Calculate Savings"> | ||
|
|
||
| <br /> | ||
|
|
||
| <h3>Daily Savings</h3> | ||
|
|
||
| <p> | ||
| <label for="milessaved">Daily Miles Saved:</label> | ||
| <em> </em><input type="text" name="milessaved" id="milessaved" size="20" class="roiAnswer" /> | ||
| </p> | ||
| <p> | ||
| <label for="hourssaved">Daily Hours Saved:</label> | ||
| <em> </em><input type="text" name="hourssaved" id="hourssaved" size="20" class="roiAnswer" /> | ||
| </p> | ||
| <p> | ||
| <label for="dailywages">Daily Wages Saved:</label> | ||
| $<input type="text" name="dailywages" id="dailywages" size="20" class="roiAnswer" /> | ||
| </p> | ||
| <p> | ||
| <label for="vehcosts">Daily Vehicle Costs Saved:</label> | ||
| $<input type="text" name="vehcosts" id="vehcosts" size="20" class="roiAnswer" /> | ||
| </p> | ||
|
|
||
| <h3>Long Term Savings</h3> | ||
|
|
||
| <p> | ||
| <label for="monthlysavings">Total Monthly Savings:</label> | ||
| $<input type="text" name="monthlysavings" id="monthlysavings" size="20" class="roiAnswer" /> | ||
| </p> | ||
| <p> | ||
| <label for="annualsavings">Total Annual Savings:</label> | ||
| $<input type="text" name="annualsavings" id="annualsavings" size="20" class="roiAnswer" /> | ||
| </p> | ||
|
|
||
| </fieldset> | ||
| </form> | ||
|
|
||
|
|
||
| <script type="text/javascript"> | ||
| jQuery.noConflict(); | ||
|
|
||
| jQuery(function() { | ||
| jQuery("#roi-form").validate(); | ||
|
|
||
| jQuery("#roi-form").submit(function(e) { | ||
| e.preventDefault(); | ||
|
|
||
| var trucks = parseInt(jQuery("#trucks").val()); | ||
| var salary = parseFloat(jQuery("#salary").val()); | ||
| var cpm = parseFloat(jQuery("#cpm").val()); | ||
| var miles = parseInt(jQuery("#currmiles").val()); | ||
| var reduction = parseInt(jQuery("#list").val())/100; | ||
|
|
||
| var milessavings = trucks * (miles * reduction); | ||
| var hourssavings = 1/(60 / milessavings); | ||
| var dailysavings = salary * hourssavings; | ||
| var vehiclesavings = cpm * milessavings; | ||
| var ttlmonthlysavings = 20 * (dailysavings + vehiclesavings); | ||
| var ttlannualsavings = 12 * ttlmonthlysavings; | ||
|
|
||
| if(!isNaN(milessavings)) { | ||
| jQuery("#milessaved").val(milessavings.toFixed(2)); | ||
| jQuery("#hourssaved").val(hourssavings.toFixed(2)); | ||
| jQuery("#dailywages").val(dailysavings.toFixed(2)); | ||
| jQuery("#vehcosts").val(vehiclesavings.toFixed(2)); | ||
| jQuery("#monthlysavings").val(ttlmonthlysavings.toFixed(2)); | ||
| jQuery("#annualsavings").val(ttlannualsavings.toFixed(2)); | ||
| } else { | ||
| jQuery("#milessaved").val('There was an error'); | ||
| } | ||
| }); | ||
| }); | ||
| </script> | ||
|
|
||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,67 @@ | ||
| <html> | ||
|
|
||
| <head> | ||
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | ||
| <script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script> | ||
|
|
||
| <style type="text/css"> | ||
|
|
||
| label { width: 15em; float: left; } | ||
| label.error { float: none; color: red; padding-left: .5em; vertical-align: top; } | ||
|
|
||
| </style> | ||
|
|
||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
| <form id="roi-form" action="https://www.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST"> <input name="oid" value="00D400000008pQT" type="hidden" /> <input name="retURL" value="http://c2logix.com/component/content/article/123" type="hidden" /> | ||
|
|
||
| <p> | ||
| <label for="first_name">First Name: </label> | ||
| <input id="first_name" maxlength="40" name="first_name" size="20" type="text" class="required"/></p> | ||
| <p> | ||
| <label for="last_name">Last Name: </label> | ||
| <input id="last_name" maxlength="80" name="last_name" size="20" type="text" class="required" /></p> | ||
| <p> | ||
| <label for="phone">Phone</label> | ||
| <input id="phone" maxlength="40" name="phone" size="20" type="text" class="required"/></p> | ||
| <p> | ||
| <label for="email">Email</label> | ||
| <input id="email" maxlength="80" name="email" size="20" type="email" class="required"/></p> | ||
| <p> | ||
| <label for="company">Company</label> | ||
| <input id="company" maxlength="40" name="company" size="20" type="text" /></p> | ||
| <p> | ||
| <label for="city">City</label> | ||
| <input id="city" maxlength="40" name="city" size="20" type="text" /></p> | ||
| <p> | ||
| <label for="state">State/Province</label> | ||
| <input id="state" maxlength="20" name="state" size="20" type="text" /></p> | ||
| <p> | ||
| <label for="first_name">Products interested in:</label> | ||
| <select id="00N40000001i3Xw" name="00N40000001i3Xw" title="Products interested in"> <option value="C2RouteApp Demo">C2RouteApp Demo</option> <option value="FleetRoute Demo">FleetRoute Demo</option> <option value="TourSolver Demo">TourSolver Demo</option> <option value="Not sure which Product I need">Not sure which Product I need</option> </select> | ||
| </p> | ||
| <p> | ||
| <label for="00N400000028tUt">Number or Vehicles or Routes:</label> | ||
| <input id="00N400000028tUt" name="00N400000028tUt" size="20" type="text" /></p> | ||
| <p> | ||
| <label for="00N400000028tV3">Total Stops or Locations:</label> | ||
| <input id="00N400000028tV3" name="00N400000028tV3" size="20" type="text" /></p> | ||
| <p> | ||
| <label for="00N40000001h9AL">Questions or Comments:</label> | ||
| <input id="00N40000001h9AL" maxlength="255" name="00N40000001h9AL" size="20" type="text" /></p> | ||
| <p> | ||
| <input name="submit" type="submit" id="submit"/></p> | ||
| </form> | ||
|
|
||
| <script type="text/javascript"> | ||
| jQuery.noConflict(); | ||
|
|
||
| jQuery(function() { | ||
| jQuery("#roi-form").validate(); | ||
|
|
||
| }); | ||
| </script> | ||
|
|
||
| </body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,78 @@ | ||
| <html> | ||
|
|
||
| <head> | ||
| <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> | ||
| <script src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script> | ||
|
|
||
| <style type="text/css"> | ||
|
|
||
| label { width: 15em; float: left; } | ||
| label.error { float: none; color: red; padding-left: .5em; vertical-align: top; } | ||
|
|
||
| </style> | ||
|
|
||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
|
|
||
| <form id="roi-form" action="https://www.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST"> <input name="oid" value="00D400000008pQT" type="hidden" /> <input name="retURL" value="http://c2logix.com/component/content/article/123" type="hidden" /> | ||
| <p> | ||
| <label for="first_name">First Name: </label> | ||
| <input id="first_name" maxlength="40" name="first_name" size="20" type="text" class="required"/> | ||
| </p> | ||
| <p> | ||
| <label for="last_name">Last Name: </label> | ||
| <input id="last_name" maxlength="80" name="last_name" size="20" type="text" class="required"/> | ||
| </p> | ||
| <p> | ||
| <label for="phone">Phone</label> | ||
| <input id="phone" maxlength="40" name="phone" size="20" type="text" class="required"/> | ||
| </p> | ||
| <p> | ||
| <label for="email">Email</label> | ||
| <input id="email" maxlength="40" name="email" size="20" type="text" class="required"/> | ||
| </p> | ||
| <p> | ||
| <label for="company">Company</label> | ||
| <input id="company" maxlength="40" name="company" size="20" type="text" /> | ||
| </p> | ||
| <p> | ||
| <label for="city">City</label> | ||
| <input id="city" maxlength="40" name="city" size="20" type="text" /> | ||
| </p> | ||
| <p> | ||
| <label for="state">State/Province</label> | ||
| <input id="state" maxlength="20" name="state" size="20" type="text" /> | ||
| </p> | ||
| <p> | ||
| <label for="00N40000001i3Xw">Products interested in:</label> | ||
| <select id="00N40000001i3Xw" name="00N40000001i3Xw" title="Products interested in"> <option value="C2RouteApp">C2RouteApp</option> <option value="C2RouteApp-API">C2RouteApp-API</option> <option value="FleetRoute">FleetRoute</option> <option value="TourSolver">TourSolver</option> <option value="Routing Service Bureau">Routing Service Bureau</option> <option value="Route Optimization Consultation Service">Route Optimization Consultation Service</option> <option value="Custom Application Development">Custom Application Development</option> <option value="C2RouteApp Demo">C2RouteApp Demo</option> <option value="FleetRoute Demo">FleetRoute Demo</option> <option value="TourSolver Demo">TourSolver Demo</option> <option value="Street Data">Street Data</option> <option value="Not sure which Product I need">Not sure which Product I need</option> <option value="Newsletter Opt-in">Newsletter Opt-in</option> </select> | ||
| </p> | ||
| <p> | ||
| <label for="00N400000028tUt">Number or Vehicles or Routes:</label> | ||
| <input id="00N400000028tUt" name="00N400000028tUt" size="20" type="text" /> | ||
| </p> | ||
| <p> | ||
| <label for="00N400000028tV3">Total Stops or Locations:</label> | ||
| <input id="00N400000028tV3" name="00N400000028tV3" size="20" type="text" /> | ||
| </p> | ||
| <p> | ||
| <label for="00N40000001h9AL">Questions or Comments:</label> | ||
| <input id="00N40000001h9AL" maxlength="255" name="00N40000001h9AL" size="20" type="text" /> | ||
| </p> | ||
| <p> | ||
| <input name="submit" type="submit" id="submit"/> | ||
| </p> | ||
| </form> | ||
|
|
||
| <script type="text/javascript"> | ||
| jQuery.noConflict(); | ||
|
|
||
| jQuery(function() { | ||
| jQuery("#roi-form").validate(); | ||
|
|
||
| }); | ||
| </script> | ||
|
|
||
| </body> |