Display calculated price for litter containers and picnic tables

config-landscape-outdoorevents.sample.php

@@ -22,7 +22,7 @@ $url = "http://localhost/workspace/ucomm_webforms/landscape/outdoorevents/";
 
 $sendToEmail   = "jdoe1@unl.edu"; //Contact person who is collecting data
 $sendToEmailBackup   = "sdoe2@unl.edu"; //Backup contact, set to NULL if not wanted
-$sendToEmailBackup2   = "sdoe2@unl.edu"; //2nd Backup contact, set to NULL if not wanted
+$sendToEmailBackup2   = "wdoe2@unl.edu"; //2nd Backup contact, set to NULL if not wanted
 $sendToEmailDev= "appdev1@unl.edu"; //Application developer as a backup
 $sendFromEmail = $sendToEmail; //Will send email from this address.
 $emailSubject  = "UNL Outdoor Event Space Request"; //Subject for the email.

www/landscape/outdoorevents/index.php

@@ -121,6 +121,26 @@ $page->head             .= <<<EOF
                 $('#submit').show();
             }
         });
+        $('#litter_number').keyup(function() {
+            var number = $(this).val();
+            number = parseInt(number);
+            if (number > 0) {
+                var cost = 12+4*(number-1);
+                $('#litter_cost').html('$'+cost);
+            } else {
+                $('#litter_cost').html('');
+            }
+        });
+        $('#picnic_number').keyup(function() {
+            var number = $(this).val();
+            number = parseInt(number);
+            if (number > 0) {
+                var cost = 25+10*(number-1);
+                $('#picnic_cost').html('$'+cost);
+            } else {
+                $('#picnic_cost').html('');
+            }
+        });
     });
 //]]>
 </script>
@@ -539,7 +559,7 @@ $page->maincontentarea  .= <<<EOF
             </li>
             <li style="float:left;padding:19px 0 0 5px;">
                 <label for="recycle_number">
-                    Number
+                    Number:
                 </label>
                 <input type="text" id="recycle_number" name="recycle_number" />
             </li>
@@ -558,10 +578,15 @@ $page->maincontentarea  .= <<<EOF
             </li>
             <li style="float:left;padding:19px 0 0 5px;">
                 <label for="litter_number">
-                    Number
+                    Number:
                 </label>
                 <input type="text" id="litter_number" name="litter_number" />
             </li>
+            <li style="float:left;padding:27px 0 0 18px;">
+                <label>
+                    Cost: <span id="litter_cost"></span>
+                </label>
+            </li>
             <li style="float:left;padding:27px 0 0 38px;">
                 <label>
                     <a href="http://bf.unl.edu/policies/fmp/GuidelinesUseUNLCampusOutdoorSpaces.shtml" target="_blank" class="external">Prices here</a>
@@ -577,10 +602,15 @@ $page->maincontentarea  .= <<<EOF
             </li>
             <li style="float:left;padding:19px 0 0 5px;">
                 <label for="picnic_number">
-                    Number
+                    Number:
                 </label>
                 <input type="text" id="picnic_number" name="picnic_number" />
             </li>
+            <li style="float:left;padding:27px 0 0 18px;">
+                <label>
+                    Cost: <span id="picnic_cost"></span>
+                </label>
+            </li>
             <li style="float:left;padding:27px 0 0 38px;">
                 <label>
                     <a href="http://bf.unl.edu/policies/fmp/GuidelinesUseUNLCampusOutdoorSpaces.shtml" target="_blank" class="external">Prices here</a>
@@ -594,9 +624,9 @@ $page->maincontentarea  .= <<<EOF
                 </label>
                 <input type="checkbox" id="electricity" name="electricity" />
             </li>
-            <li style="float:left;padding:27px 0 0 38px;">
+            <li style="float:left;padding:27px 0 0 0;margin-left: -10px;font-size:.8em">
                 <label>
-                    Contact BSM Service Desk at 402-472-1550
+                    Please also contact BSM Service Desk at 402-472-1550
                 </label>
             </li>
         </ol>