Hey all,
Last year I made a form that uses jquery form plugin to duplicate form fields. the form is live at
http://www.youngsbicycleshop.com/bicycle-reservations2.html. I don’t understand why in the adult bikes section it is printing out in an array and not as formatted like in the report template. On second thought, how do I work with these arrays to format them or explode them so that they are formatted like my eform reportchunk below...
Just so you can see the code used to make the form I’ll attach all applicable code.
My form chunk is:
<div id="carForm">
<form method="post" action="[~[*id*]~]" id="bikeForm" name="bikeForm">
<h2 class="bikeRez"> Adult Sized Bikes</h2>
<fieldset id="duplicate1">
<div class="span-20 push-2 highlight clearfix">
<div class="span-6"><p class="noBreak">
<label for="adultBike" > Bike Style</label>
<select name="adultBike" id="adultBike" >
<option value="" selected='selected'>Select bike</option>
<option value="atb" >Mountain Bike</option>
<option value="mh" >Men's Hybrid</option>
<option value="wh" >Women's Hybrid</option>
<option value="wbsb" >Women's Baby Seat Bike</option>
<option value="mbsb" >Men's Baby Seat Bike</option>
</select>
<br />
<label for="adultBikeHeight" >Rider Height</label>
<select name="adultBikeHeight" id="adultBikeHeight" >
<option value="" selected='selected'>Select Rider Height</option>
<option value="5-5'4" >5' - 5'4"</option>
<option value="5'4-5 6" >5'4" - 5'6"</option>
<option value="5'6-5 9" >5'6"-5'9"</option>
<option value="5'10-6 1" >5'10" - 6'1"</option>
<option value="6'2- 6 6" >6'2" - 6'7"</option>
<option value="6'7+" >6'7"+</option>
</select>
</p>
</div>
<div class="span-8">
<p>
<label>Rental Begins:(mm/dd/yyyy)</label>
<input type="text" class="startDatepicker" size="10" name="startDatepicker" value="" />
<select name="startTime" id="startTime" onkeypress="return handleEnter(this, event)" size="1" >
<option value="" selected='selected'>Pick a start time</option>
<option value="9-10" >9:00-10:00 AM</option>
<option value="10-11" >10:00-11:00 AM</option>
<option value="11-12" >11:00-NOON</option>
<option value="12-1" >12:00-1:00 PM</option>
<option value="1-2" >1:00-2:00 PM</option>
<option value="2-3" >2:00-3:00 PM</option>
<option value="3-4" >3:00-4:00 PM</option>
<option value="4-5" >4:00-5:00 PM</option>
</select>
<br />
<label>How Long?</label>
<select name="rentalPeriod" >
<option value="" selected='selected'>Select Rental Duration</option>
<option value="one Hour" >One Hour</option>
<option value="two Hour" >Two Hours</option>
<option value="half day" >Half Day </option>
<option value="same day" >Same Day </option>
<option value="24 hours" >24 Hours </option>
<option value="two Days" >Two Days </option>
<option value="three days" >Three Days </option>
<option value="four days" >Four Days </option>
<option value="five days" >Five Days </option>
<option value="six days" >Six Days </option>
<option value="one week" >One Week </option>
<option value="two weeks" >Two Weeks </option>
<option value="three weeks" >Three Weeks </option>
<option value="one month" >One Month </option>
</select>
</p>
</div>
<div class="span-6 last">
<p>
<span>
<a class="addButton push-8" id="plus1" href="" name="plus1">[+] Add Another Bike</a>
</span>
<span>
<a class="minusButton" id="minus1" href="" name="minus1">[-] Remove Bike</a>
</span>
</p>
</div>
</div>
</fieldset>
<h2 class="bikeRez">Kid's Bikes</h2>
<fieldset id="duplicate2" >
<div class="span-20 push-2 highlight clearfix">
<div class="span-6">
<p>
<label for="Bike" >Kid's Bike</label>
<select name="Bike" id="Bike" >
<option value="" selected='selected'>Select kid's bike</option>
<option value="Jet12" >Jet 12 12" kid's bike</option>
<option value="Jet16" >Jet 16 16" kid's bike</option>
<option value="Jet20" >Jet 20 20" kid's bike</option>
<option value="MT60" >MT60 20" kid's mountain bike</option>
<option value="220" >Jet 16 24" kid's mountain bike</option>
</select>
</p>
</div>
<div class="span-8">
<p>
<label>FROM:(mm/dd/yyyy)</label>
<input type="text" class="startDatepicker" size="10" name="startDatepickerKids" value="" />
<select name="startTimeKids" id="startTime1" onkeypress="return handleEnter(this, event)" size="1" >
<option value="">Pick a start time</option>
<option value="9-10">9:00-10:00 AM</option>
<option value="10-11">10:00-11:00 AM</option>
<option value="11-12">11:00-NOON</option>
<option value="12-1">12:00-1:00 PM</option>
<option value="1-2">1:00-2:00 PM</option>
<option value="2-3">2:00-3:00 PM</option>
<option value="3-4">3:00-4:00 PM</option>
<option value="4-5">4:00-5:00 PM</option>
</select>
<br />
<select name="rentalPeriodKid" >
<option value="" selected='selected'>Select Rental Duration</option>
<option value="one Hour" >One Hour</option>
<option value="two Hour" >Two Hours</option>
<option value="half day" >Half Day </option>
<option value="same day" >Same Day </option>
<option value="24 hours" >24 Hours </option>
<option value="two Days" >Two Days </option>
<option value="three days" >Three Days </option>
<option value="four days" >Four Days </option>
<option value="five days" >Five Days </option>
<option value="six days" >Six Days </option>
<option value="one week" >One Week </option>
<option value="two weeks" >Two Weeks </option>
<option value="three weeks" >Three Weeks </option>
<option value="one month" >One Month </option>
</select>
</p>
</div>
<div class="span-6 last">
<p>
<span>
<a class="addButton push-8" id="plus2" href="" name="plus2">[+] Add Another Bike</a>
</span>
<span>
<a class="minusButton" id="minus2" href="" name="minus2">[-] Remove Bike</a>
</span>
</p>
</div>
</div>
</fieldset>
<h2 class="bikeRez"> Strollers, Burley Cub Traiers, and Trail-A-Bikes</h2>
<fieldset id="duplicate3" >
<div class="span-20 push-2 highlight clearfix">
<div class="span-6">
<p>
<label for="Accessory" >Pick your Accessory</label>
<select name="Accessory" id="Accessory " >
<option value="" selected='selected'>Select Item</option>
<option value="Single Stroller" >Single Stroller</option>
<option value="Burley Trailer" >Burley Cub Trailer</option>
<option value="Trail-a-bike" >Trail-a-Bike</option>
</select>
</p>
</div>
<div class="span-8">
<p>
<label>FROM:(mm/dd/yyyy)</label>
<input type="text" class="startDatepicker" size="10" name="startDatepickeracc" value="" />
<select name="startTimeAcc" id="startTime2" onkeypress="return handleEnter(this, event)" size="1" >
<option value="">Pick a start time</option>
<option value="9-10">9:00-10:00 AM</option>
<option value="10-11">10:00-11:00 AM</option>
<option value="11-12">11:00-NOON</option>
<option value="12-1">12:00-1:00 PM</option>
<option value="1-2">1:00-2:00 PM</option>
<option value="2-3">2:00-3:00 PM</option>
<option value="3-4">3:00-4:00 PM</option>
<option value="4-5">4:00-5:00 PM</option>
</select>
<br />
<select name="rentalPeriodAccessory" >
<option value="" selected='selected'>Select Rental Duration</option>
<option value="one Hour" >One Hour</option>
<option value="two Hour" >Two Hours</option>
<option value="half day" >Half Day </option>
<option value="same day" >Same Day </option>
<option value="24 hours" >24 Hours </option>
<option value="two Days" >Two Days </option>
<option value="three days" >Three Days </option>
<option value="four days" >Four Days </option>
<option value="five days" >Five Days </option>
<option value="six days" >Six Days </option>
<option value="one week" >One Week </option>
<option value="two weeks" >Two Weeks </option>
<option value="three weeks" >Three Weeks </option>
<option value="one month" >One Month </option>
</select>
</p>
</div>
<div class="span-6 last">
<p>
<span>
<a class="addButton push-8" id="plus3" href="" name="plus3">[+] Add Another Item</a>
</span>
<span>
<a class="minusButton" id="minus3" href="" name="minus3">[-] Remove Item</a>
</span>
</p>
</div>
<p>
<strong>**Our Trail A Bikes Only come attached to our Adult Mountain Bikes</strong>
</p>
</div>
</fieldset>
<h2 class="bikeRez"> Bike Reservation Form</h2>
<input type="hidden" name="subject" id="cfRegarding" value="Bike Reservation" />
<input name="formid" type="hidden" value="bikeForm" />
<fieldset>
<div class="span-20 push-2 highlight clearfix">
<div class="acceptTerms span-20 push-2">
<ul>
<li>
<label style="clear: none;color: #fff;width: auto;display: inline;" for="delivery" >I agree and want my bicycles delivered </label>
<input name="delivery" id="delivery" type="checkbox" value="Yes" />
<label style="color: #fff; clear: none;width: auto;display: inline;" for="pickup" >I agree and want my bicycles Picked up. </label>
<input name="pickup" id="pickup" type="checkbox" value="Yes" />
</li></ul>
</div>
<h2 class="bikeRez"> Any info that can help us make your rental experience smoother:</h2>
<div id="highlightText" style="-moz-border-radius:8px;
-webkit-border-radius:8px;" class="span-20 push-2 highlight clearfix" >
<textarea style="width: 650px" name="message" id="Message" rows="4" cols="40" >
</textarea>
</div>
<br />
<br />
<p>
<label> </label>
<input style="width: auto" type="submit" name="contact" id="cfContact" class="addButton" value="PLACE RESERVATION" />
</p>
</form>
</div>
my snippet call is:
[!populatereport!][!eForm? &eformOnBeforeMailSent=`populatereport` &formid=`bikeForm` &subject=`Bike Reservations` &to=`[email protected]` &vericode=`0` &tpl=`bikeForm` &report=`bikeFormReport1` &invalidClass=`invalidValue` &requiredClass=`requiredValue` &ccsender=`1` &cssStyle=`ContactStyles` &thankyou=`bikeThanks` &from=`((email))` &fromname=`[+cfName+]` !]
my populatereport snippet is
<?php
function populatereport( &$fields ){
foreach ($fields as $key => $value) {
if($fields[$key]){$fields[$key]= $fields[$key] ;
}
$_SESSION['info']['name']= $fields['name'];
$_SESSION['info']['address1']= $fields['address1'];
$_SESSION['info']['city']= $fields['city'];
$_SESSION['info']['state']= $fields['state'];
$_SESSION['info']['zip']= $fields['zip'];
$_SESSION['info']['country']= $fields['country'];
$_SESSION['info']['islandAddress']= $fields['islandAddress'];
$_SESSION['info']['email']= $fields['email'];
$_SESSION['info']['homePhone']= $fields['homePhone'];
$_SESSION['info']['cellPhone']= $fields['cellPhone'];
$_SESSION['info']['adultBike']= $fields['adultBike'];
$_SESSION['info']['adultBikeHeight']= $fields['adultBikeHeight'];
$_SESSION['info']['startDatepicker']= $fields['startDatepicker'];
$_SESSION['info']['startTime']= $fields['startTime'];
$_SESSION['info']['rentalPeriod']= $fields['rentalPeriod'];
$_SESSION['info']['adultBike0']= $fields['adultBike0'];
$_SESSION['info']['adultBikeHeight1']= $fields['adultBikeHeight1'];
$_SESSION['info']['startDatepicker2']= $fields['startDatepicker2'];
$_SESSION['info']['startTime3']= $fields['startTime3'];
$_SESSION['info']['rentalPeriod4']= $fields['rentalPeriod4'];
$_SESSION['info']['adultBike5']= $fields['adultBike5'];
$_SESSION['info']['adultBikeHeight6']= $fields['adultBikeHeight6'];
$_SESSION['info']['startDatepicker7']= $fields['startDatepicker7'];
$_SESSION['info']['startTime8']= $fields['startTime8'];
$_SESSION['info']['rentalPeriod9']= $fields['rentalPeriod9'];
$_SESSION['info']['adultBike10']= $fields['adultBike10'];
$_SESSION['info']['adultBikeHeight11']= $fields['adultBikeHeight11'];
$_SESSION['info']['startDatepicker12']= $fields['startDatepicker12'];
$_SESSION['info']['startTime13']= $fields['startTime13'];
$_SESSION['info']['rentalPeriod14']= $fields['rentalPeriod14'];
$_SESSION['info']['adultBike15']= $fields['adultBike15'];
$_SESSION['info']['adultBikeHeight16']= $fields['adultBikeHeight16'];
$_SESSION['info']['startDatepicker17']= $fields['startDatepicker17'];
$_SESSION['info']['startTime18']= $fields['startTime18'];
$_SESSION['info']['rentalPeriod19']= $fields['rentalPeriod19'];
$_SESSION['info']['adultBike20']= $fields['adultBike20'];
$_SESSION['info']['adultBikeHeight21']= $fields['adultBikeHeight21'];
$_SESSION['info']['startDatepicker22']= $fields['startDatepicker22'];
$_SESSION['info']['startTime23']= $fields['startTime23'];
$_SESSION['info']['rentalPeriod24']= $fields['rentalPeriod24'];
$_SESSION['info']['adultBike25']= $fields['adultBike25'];
$_SESSION['info']['adultBikeHeight26']= $fields['adultBikeHeight26'];
$_SESSION['info']['startDatepicker27']= $fields['startDatepicker27'];
$_SESSION['info']['startTime28']= $fields['startTime28'];
$_SESSION['info']['rentalPeriod29']= $fields['rentalPeriod29'];
$_SESSION['info']['adultBike30']= $fields['adultBike30'];
$_SESSION['info']['adultBikeHeight31']= $fields['adultBikeHeight31'];
$_SESSION['info']['startDatepicker32']= $fields['startDatepicker32'];
$_SESSION['info']['startTime33']= $fields['startTime33'];
$_SESSION['info']['rentalPeriod34']= $fields['rentalPeriod34'];
$_SESSION['info']['adultBike35']= $fields['adultBike35'];
$_SESSION['info']['adultBikeHeight36']= $fields['adultBikeHeight36'];
$_SESSION['info']['startDatepicker37']= $fields['startDatepicker37'];
$_SESSION['info']['startTime38']= $fields['startTime38'];
$_SESSION['info']['rentalPeriod39']= $fields['rentalPeriod39'];
$_SESSION['info']['Bike']= $fields['Bike'];
$_SESSION['info']['startDatepickerKids']= $fields['startDatepickerKids'];
$_SESSION['info']['startTimeKids']= $fields['startTimeKids'];
$_SESSION['info']['rentalPeriodKid']= $fields['rentalPeriodKid'];
$_SESSION['info']['Bike0']= $fields['Bike0'];
$_SESSION['info']['startDatepickerKids1']= $fields['startDatepickerKids1'];
$_SESSION['info']['startTimeKids2']= $fields['startTimeKids2'];
$_SESSION['info']['rentalPeriodKid3']= $fields['rentalPeriodKid3'];
$_SESSION['info']['Bike4']= $fields['Bike4'];
$_SESSION['info']['startDatepickerKids5']= $fields['startDatepickerKids5'];
$_SESSION['info']['startTimeKids6']= $fields['startTimeKids6'];
$_SESSION['info']['rentalPeriodKid7']= $fields['rentalPeriodKid7'];
$_SESSION['info']['Bike8']= $fields['Bike8'];
$_SESSION['info']['startDatepickerKids9']= $fields['startDatepickerKids9'];
$_SESSION['info']['startTimeKids10']= $fields['startTimeKids10'];
$_SESSION['info']['rentalPeriodKid11']= $fields['rentalPeriodKid11'];
$_SESSION['info']['Bike12']= $fields['Bike12'];
$_SESSION['info']['startDatepickerKids13']= $fields['startDatepickerKids13'];
$_SESSION['info']['startTimeKids14']= $fields['startTimeKids14'];
$_SESSION['info']['rentalPeriodKid15']= $fields['rentalPeriodKid15'];
$_SESSION['info']['Bike16']= $fields['Bike16'];
$_SESSION['info']['startDatepickerKids17']= $fields['startDatepickerKids17'];
$_SESSION['info']['startTimeKids18']= $fields['startTimeKids18'];
$_SESSION['info']['rentalPeriodKid19']= $fields['rentalPeriodKid19'];
$_SESSION['info']['Bike20']= $fields['Bike20'];
$_SESSION['info']['startDatepickerKids21']= $fields['startDatepickerKids21'];
$_SESSION['info']['startTimeKids22']= $fields['startTimeKids22'];
$_SESSION['info']['rentalPeriodKid23']= $fields['rentalPeriodKid23'];
$_SESSION['info']['Accessory']= $fields['Accessory'];
$_SESSION['info']['startDatepickeracc']= $fields['startDatepickeracc'];
$_SESSION['info']['startTimeAcc']= $fields['startTimeAcc'];
$_SESSION['info']['rentalPeriodAccessory']= $fields['rentalPeriodAccessory'];
$_SESSION['info']['Accessory0']= $fields['Accessory0'];
$_SESSION['info']['startDatepickeracc1']= $fields['startDatepickeracc1'];
$_SESSION['info']['startTimeAcc2']= $fields['startTimeAcc2'];
$_SESSION['info']['rentalPeriodAccessory3']= $fields['rentalPeriodAccessory3'];
$_SESSION['info']['Accessory4']= $fields['Accessory4'];
$_SESSION['info']['startDatepickeracc5']= $fields['startDatepickeracc5'];
$_SESSION['info']['startTimeAcc6']= $fields['startTimeAcc6'];
$_SESSION['info']['rentalPeriodAccessory7']= $fields['rentalPeriodAccessory7'];
$_SESSION['info']['Accessory8']= $fields['Accessory8'];
$_SESSION['info']['startDatepickeracc9']= $fields['startDatepickeracc9'];
$_SESSION['info']['startTimeAcc10']= $fields['startTimeAcc10'];
$_SESSION['info']['rentalPeriodAccessory11']= $fields['rentalPeriodAccessory11'];
$_SESSION['info']['Accessory12']= $fields['Accessory12'];
$_SESSION['info']['startDatepickeracc13']= $fields['startDatepickeracc13'];
$_SESSION['info']['startTimeAcc14']= $fields['startTimeAcc14'];
$_SESSION['info']['rentalPeriodAccessory15']= $fields['rentalPeriodAccessory15'];
$_SESSION['info']['Accessory16']= $fields['Accessory16'];
$_SESSION['info']['startDatepickeracc17']= $fields['startDatepickeracc17'];
$_SESSION['info']['startTimeAcc18']= $fields['startTimeAcc18'];
$_SESSION['info']['rentalPeriodAccessory19']= $fields['rentalPeriodAccessory19'];
$_SESSION['info']['delivery']= $fields['delivery'];
$_SESSION['info']['pickup']= $fields['pickup'];
$_SESSION['info']['message']= $fields['message'];
}
return true;
}
?>
my report chunk is:
<p>This is a response sent by <b>[+name+]</b> </p>
<p>You can use this link to reply: <a href="mailto:[+email+]?subject=RE: [+subject+]"> [+email+]</a></p>
<h2> Contact Info</h2>
<p>
<strong>Name:</strong> [+name+]<br/>
<strong>Home Address:</strong> [+address1+], [+city+], > [+state+], [+zip+]<br/>
<strong>Country:</strong> [+country+]<br/>
<strong>Islandaddress:</strong> [+islandAddress+]<br/>
<strong>Email:</strong> [+email+]<br/>
<strong>Homephone:</strong> [+homePhone+]<br/>
<strong>Cellphone:</strong> [+cellPhone+]<br/>
<br/>
<Strong>Adult Bikes</strong><br />
<div>[+adultBike+]
[+adultBikeHeight+]
[+startDatepicker+]
[+startTime+]
[+rentalPeriod+]</div>
<br />
<div>[+adultBike0+]
[+adultBikeHeight1+]
[+startDatepicker2+]
[+startTime3+]
[+rentalPeriod4+]</div>
<br />
<div>[+adultBike5+]
[+adultBikeHeight6+]
[+startDatepicker7+]
[+startTime8+]
[+rentalPeriod9+]</div>
<br />
<div>[+adultBike10+]
[+adultBikeHeight11+]
[+startDatepicker12+]
[+startTime13+]
[+rentalPeriod14+]</div>
<br />
<div>[+adultBike15+]
[+adultBikeHeight16+]
[+startDatepicker17+]
[+startTime18+]
[+rentalPeriod19+]</div>
<br />
<div>[+adultBike20+]
[+adultBikeHeight21+]
[+startDatepicker22+]
[+startTime23+]
[+rentalPeriod24+]</div>
<br />
<div>[+adultBike25+]
[+adultBikeHeight26+]
[+startDatepicker27+]
[+startTime28+]
[+rentalPeriod29+]</div>
<br />
<div>[+adultBike30+]
[+adultBikeHeight31+]
[+startDatepicker32+]
[+startTime33+]
[+rentalPeriod34+]</div>
<br />
<div>[+adultBike35+]
[+adultBikeHeight36+]
[+startDatepicker37+]
[+startTime38+]
[+rentalPeriod39+]</div>
<br />
<br />
<strong>Kid's Bikes</strong><br />
<div>[+Bike+]
[+startDatepickerKids+]
[+startTime+]
[+rentalPeriodKid+]</div>
<br />
<div>[+Bike0+]
[+startDatepickerKids1+]
[+startTime2+]
[+rentalPeriodKid3+]</div>
<br />
[+Bike4+]
<div>[+startDatepickerKids5+]
[+startTime6+]
[+rentalPeriodKid7+]</div>
<br />
<div>[+Bike8+]
[+startDatepickerKids9+]
[+startTime10+]
[+rentalPeriodKid11+]</div>
<br />
<div>[+Bike12+]
[+startDatepickerKids13+]
[+startTime14+]
[+rentalPeriodKid15+]</div>
<br />
<div>[+Bike16+]
[+startDatepickerKids17+]
[+startTime18+]
[+rentalPeriodKid19+]</div>
<br />
<div>[+Bike20+]
[+startDatepickerKids21+]
[+startTime22+]
[+rentalPeriodKid23+]</div>
<br />
<br />
<strong>Accessories</strong><br />
<div>[+Accessory+]
[+startDatepickeracc+]
[+startTimeAcc+]
[+rentalPeriodAccessory+]</div>
<br />
<div>[+Accessory0+]
[+startDatepickeracc1+]
[+startTimeAcc2+]
[+rentalPeriodAccessory3+]</div>
<br />
<div>[+Accessory4+]
[+startDatepickeracc9+]
[+startTime10+]
[+rentalPeriodAccessory11+]</div>
<br />
<div>[+Accessory12+]
[+startDatepickeracc13+]
[+startTimeAcc14+]
[+rentalPeriodAccessory15+]</div>
<br />
<div>[+Accessory16+]
[+startDatepickeracc17+]
[+startTimeAcc18+]
[+rentalPeriodAccessory19+]</div>
<br />
<strong>Delivery:</strong> [+delivery+], <strong>Pickup:</strong> [+pickup+]<br/>
<strong>Additional Info:</strong> [+message+]<br/>
</p>
and the report will come through like this:
Contact Info</h2>
<p>
<strong>Name:</strong> n<br>
<strong>Home Address:</strong> 12 ijgh, n, > m, 0978<br>
<strong>Country:</strong> us<br>
<strong>Islandaddress:</strong> 12 m st<br>
<strong>Email:</strong> <a href="mailto:[email protected]" target="_blank">[email protected]</a><br>
<strong>Homephone:</strong> 986908<br>
<strong>Cellphone:</strong> 876875<br>
<br>
<strong>Adult Bikes</strong><br>
</p><div>atb, mh, atb
5'4-5 6, 5'6-5 9, 5'10-6 1
03/23/2011, 03/23/2011, 05/18/2011
10-11, 11-12, 10-11
24 hours, three weeks, one month</div>
I would really appreciate any feedback you can offer. I also included more rather than less code because I thought it might be helpful, rather than making you wade through paragraphs of code.
Many Thanks,
Noah
