Browse files

added new forms

  • Loading branch information...
1 parent 5f249d2 commit 2fa90da5e3046e16e8b3a5aa38c78b58ece8c107 @brobertsaz committed Mar 13, 2011
Showing with 282 additions and 7 deletions.
  1. +7 −7 calc.html
  2. +130 −0 calcforjoomla.html
  3. +67 −0 requestdemo.html
  4. +78 −0 requestinfo.html
View
14 calc.html
@@ -60,30 +60,30 @@
<p>
<label for="milessaved">Daily Miles Saved:</label>
- <input type="text" name="milessaved" id="milessaved" size="20" class="roiAnswer" />
+ <em>&nbsp;&nbsp;</em><input type="text" name="milessaved" id="milessaved" size="20" class="roiAnswer" />
</p>
<p>
<label for="hourssaved">Daily Hours Saved:</label>
- <input type="text" name="hourssaved" id="hourssaved" size="20" class="roiAnswer" />
+ <em>&nbsp;&nbsp;</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" />
+ $<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" />
+ $<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" />
+ $<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" />
+ $<input type="text" name="annualsavings" id="annualsavings" size="20" class="roiAnswer" />
</p>
</fieldset>
@@ -104,7 +104,7 @@
var reduction = parseInt($("#list").val())/100;
var milessavings = trucks * (miles * reduction);
- var hourssavings = 1/(60 / milessavings);
+ var hourssavings = 1/(60 / milessavings);
var dailysavings = salary * hourssavings;
var vehiclesavings = cpm * milessavings;
var ttlmonthlysavings = 20 * (dailysavings + vehiclesavings);
View
130 calcforjoomla.html
@@ -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>&nbsp;&nbsp;</em><input type="text" name="milessaved" id="milessaved" size="20" class="roiAnswer" />
+</p>
+<p>
+ <label for="hourssaved">Daily Hours Saved:</label>
+ <em>&nbsp;&nbsp;</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>
View
67 requestdemo.html
@@ -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>
View
78 requestinfo.html
@@ -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>

0 comments on commit 2fa90da

Please sign in to comment.