matt_nielsen
asked on
Concatenation Within a For Loop
I'm trying to use a for loop to go through a table and update some dates within cells, based on user input. To make things difficult, I'm trying to use the loop index as part of variable names and input names. I think it could be done with some skillful concatenation, but is somewhat beyond by current level of expertise. I wrote a very course, but working version of this project here: http://fedtip.mag.maricopa.gov/calendar.asp
The scripts and html are included here. Any help is appreciated.
----
<html>
<head>
<script type="text/JavaScript">
<!--
function setDates() {
var aMonth = parseInt(document.getEleme
var aYear = parseInt(document.getEleme
var duration=new Array(0, 1, 4, 5, 7, 9, 11, 9, 10, 10, 15, 18, 24) // this array holds the monthly values from the table
for (i=0; i<=12; i++) {
// The radio buttons turn the results table cell on or off and the first test is for which is checked.
// Each set of radio buttons is named consecutively rad0, rad1, through rad12 and the loop index needs to be part of the name
// This is the part I'm having trouble with
if (document.calendar.(rad + i)[0].checked == true) {
document.getElementById(va
} else {
document.getElementById(va
}
}
}
// this function takes the users start date and the duration of the project phase,
// calculates what the end month is and returns a text abbreviation of that month
function calcMo(duration, userMo) {
var newMo = (duration + userMo) / 12;
if (newMo > 2) {
newMo = (duration + userMo) - 24;
} else if (newMo > 1) {
newMo = (duration + userMo) - 12;
} else {
newMo = (duration + userMo);
}
switch(newMo) {
case 1:
newMo = "Jan";
break;
case 2:
newMo = "Feb";
break;
case 3:
newMo = "Mar";
break;
case 4:
newMo = "Apr";
break;
case 5:
newMo = "May";
break;
case 6:
newMo = "Jun";
break;
case 7:
newMo = "Jul";
break;
case 8:
newMo = "Aug";
break;
case 9:
newMo = "Sept";
break;
case 10:
newMo = "Oct";
break;
case 11:
newMo = "Nov";
break;
case 12:
newMo = "Dec";
break;
}
return newMo;
}
// this function takes the users start date, the duration of the project phase and the starting year,
// calculates what the end year is and returns that year
function calcYr(duration, userMo, beginYr) {
var newMo = (duration + userMo) / 12;
var newYr = 0;
if (newMo >= 2) {
newYr = (beginYr + 2);
} else if (newMo >= 1) {
newYr = (beginYr + 1);
} else {
newYr = beginYr;
}
return newYr;
}
//-->
</script>
</head>
<body>
<div id="calculon">
<form name="calendar">
<table border="1" cellpadding="3" cellspacing="1">
<tr align="left" valign="top">
<th>Standard Milestones</td>
<th>Months</td>
<th>Applicable<br />
Milestones</td>
<th class="centerTD"><p>Estima
<select name="uMonth" id="uMonth">
<option value="1" selected="selected">Januar
<option value="2">February</option
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</optio
<option value="10">October</option
<option value="11">November</optio
<option value="12">December</optio
</select>
<select name="uYear" id="uYear">
<option value="2007" selected="selected">2007</
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
</select>
<input type="button" onClick="setDates()" name="btnChange" value="Change Dates" /></td>
</tr>
<tr>
<td>Apply for project number</td>
<td>0</td>
<td>Y<input name="rad0" type="radio" value="radiobutton" checked="checked" />- N<input name="rad0" type="radio" value="radiobutton" /></td>
<td id="var0">Sep-2007</td>
</tr>
<tr>
<td>Receipt of project number</td>
<td>1</td>
<td>Y<input name="rad1" type="radio" value="Y" checked="checked" />- N<input name="rad1" type="radio" value="N" /></td>
<td id="var1">Oct-2007</td>
</tr>
<tr>
<td>Initial ABC </td>
<td>4</td>
<td>Y<input name="rad2" type="radio" value="Y" checked="checked" />- N<input name="rad2" type="radio" value="N" /></td>
<td id="var2">Jan-2008</td>
</tr>
<tr>
<td>Final ABC </td>
<td>5</td>
<td>Y<input name="rad3" type="radio" value="Y" checked="checked" />- N<input name="rad3" type="radio" value="N" /></td>
<td id="var3">Feb-2008</td>
</tr>
<tr>
<td>30% Report</td>
<td>7</td>
<td>Y<input name="rad4" type="radio" value="Y" checked="checked" />- N<input name="rad4" type="radio" value="N" /></td>
<td id="var4">Apr-2008</td>
</tr>
<tr>
<td>60% Report</td>
<td>9</td>
<td>Y<input name="rad5" type="radio" value="Y" checked="checked" />- N<input name="rad5" type="radio" value="N" /></td>
<td id="var5">Jun-2008</td>
</tr>
<tr>
<td>Final Report</td>
<td>11</td>
<td>Y<input name="rad6" type="radio" value="Y" checked="checked" />- N<input name="rad6" type="radio" value="N" /></td>
<td id="var6">Aug-2008</td>
</tr>
<tr>
<td>Clearance A </td>
<td>9</td>
<td>Y<input name="rad7" type="radio" value="Y" checked="checked" />- N<input name="rad7" type="radio" value="N" /></td>
<td id="var7">Jun-2008</td>
</tr>
<tr>
<td>Clearance B </td>
<td>10</td>
<td>Y<input name="rad8" type="radio" value="Y" checked="checked" />- N<input name="rad8" type="radio" value="N" /></td>
<td id="var8">Jul-2008</td>
</tr>
<tr>
<td>Clearance C </td>
<td>10</td>
<td>Y<input name="rad9" type="radio" value="Y" checked="checked" />- N<input name="rad9" type="radio" value="N" /></td>
<td id="var9">Jul-2008</td>
</tr>
<tr>
<td>Approval</td>
<td>15</td>
<td>Y<input name="rad10" type="radio" value="Y" checked="checked" />- N<input name="rad10" type="radio" value="N" /></td>
<td id="var10">Dec-2008</td>
</tr>
<tr>
<td>Bid Opening</td>
<td>18</td>
<td>Y<input name="rad11" type="radio" value="Y" checked="checked" />- N<input name="rad11" type="radio" value="N" /></td>
<td id="var11">Mar-2009</td>
</tr>
<tr>
<td>Final Deployment</td>
<td>24</td>
<td>Y<input name="rad12" type="radio" value="Y" checked="checked" />- N<input name="rad12" type="radio" value="N" /></td>
<td id="var12">Sep-2009</td>
</tr>
</table>
</form>
</div>
</body>
</html>
The scripts and html are included here. Any help is appreciated.
----
<html>
<head>
<script type="text/JavaScript">
<!--
function setDates() {
var aMonth = parseInt(document.getEleme
var aYear = parseInt(document.getEleme
var duration=new Array(0, 1, 4, 5, 7, 9, 11, 9, 10, 10, 15, 18, 24) // this array holds the monthly values from the table
for (i=0; i<=12; i++) {
// The radio buttons turn the results table cell on or off and the first test is for which is checked.
// Each set of radio buttons is named consecutively rad0, rad1, through rad12 and the loop index needs to be part of the name
// This is the part I'm having trouble with
if (document.calendar.(rad + i)[0].checked == true) {
document.getElementById(va
} else {
document.getElementById(va
}
}
}
// this function takes the users start date and the duration of the project phase,
// calculates what the end month is and returns a text abbreviation of that month
function calcMo(duration, userMo) {
var newMo = (duration + userMo) / 12;
if (newMo > 2) {
newMo = (duration + userMo) - 24;
} else if (newMo > 1) {
newMo = (duration + userMo) - 12;
} else {
newMo = (duration + userMo);
}
switch(newMo) {
case 1:
newMo = "Jan";
break;
case 2:
newMo = "Feb";
break;
case 3:
newMo = "Mar";
break;
case 4:
newMo = "Apr";
break;
case 5:
newMo = "May";
break;
case 6:
newMo = "Jun";
break;
case 7:
newMo = "Jul";
break;
case 8:
newMo = "Aug";
break;
case 9:
newMo = "Sept";
break;
case 10:
newMo = "Oct";
break;
case 11:
newMo = "Nov";
break;
case 12:
newMo = "Dec";
break;
}
return newMo;
}
// this function takes the users start date, the duration of the project phase and the starting year,
// calculates what the end year is and returns that year
function calcYr(duration, userMo, beginYr) {
var newMo = (duration + userMo) / 12;
var newYr = 0;
if (newMo >= 2) {
newYr = (beginYr + 2);
} else if (newMo >= 1) {
newYr = (beginYr + 1);
} else {
newYr = beginYr;
}
return newYr;
}
//-->
</script>
</head>
<body>
<div id="calculon">
<form name="calendar">
<table border="1" cellpadding="3" cellspacing="1">
<tr align="left" valign="top">
<th>Standard Milestones</td>
<th>Months</td>
<th>Applicable<br />
Milestones</td>
<th class="centerTD"><p>Estima
<select name="uMonth" id="uMonth">
<option value="1" selected="selected">Januar
<option value="2">February</option
<option value="3">March</option>
<option value="4">April</option>
<option value="5">May</option>
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
<option value="9">September</optio
<option value="10">October</option
<option value="11">November</optio
<option value="12">December</optio
</select>
<select name="uYear" id="uYear">
<option value="2007" selected="selected">2007</
<option value="2008">2008</option>
<option value="2009">2009</option>
<option value="2010">2010</option>
</select>
<input type="button" onClick="setDates()" name="btnChange" value="Change Dates" /></td>
</tr>
<tr>
<td>Apply for project number</td>
<td>0</td>
<td>Y<input name="rad0" type="radio" value="radiobutton" checked="checked" />- N<input name="rad0" type="radio" value="radiobutton" /></td>
<td id="var0">Sep-2007</td>
</tr>
<tr>
<td>Receipt of project number</td>
<td>1</td>
<td>Y<input name="rad1" type="radio" value="Y" checked="checked" />- N<input name="rad1" type="radio" value="N" /></td>
<td id="var1">Oct-2007</td>
</tr>
<tr>
<td>Initial ABC </td>
<td>4</td>
<td>Y<input name="rad2" type="radio" value="Y" checked="checked" />- N<input name="rad2" type="radio" value="N" /></td>
<td id="var2">Jan-2008</td>
</tr>
<tr>
<td>Final ABC </td>
<td>5</td>
<td>Y<input name="rad3" type="radio" value="Y" checked="checked" />- N<input name="rad3" type="radio" value="N" /></td>
<td id="var3">Feb-2008</td>
</tr>
<tr>
<td>30% Report</td>
<td>7</td>
<td>Y<input name="rad4" type="radio" value="Y" checked="checked" />- N<input name="rad4" type="radio" value="N" /></td>
<td id="var4">Apr-2008</td>
</tr>
<tr>
<td>60% Report</td>
<td>9</td>
<td>Y<input name="rad5" type="radio" value="Y" checked="checked" />- N<input name="rad5" type="radio" value="N" /></td>
<td id="var5">Jun-2008</td>
</tr>
<tr>
<td>Final Report</td>
<td>11</td>
<td>Y<input name="rad6" type="radio" value="Y" checked="checked" />- N<input name="rad6" type="radio" value="N" /></td>
<td id="var6">Aug-2008</td>
</tr>
<tr>
<td>Clearance A </td>
<td>9</td>
<td>Y<input name="rad7" type="radio" value="Y" checked="checked" />- N<input name="rad7" type="radio" value="N" /></td>
<td id="var7">Jun-2008</td>
</tr>
<tr>
<td>Clearance B </td>
<td>10</td>
<td>Y<input name="rad8" type="radio" value="Y" checked="checked" />- N<input name="rad8" type="radio" value="N" /></td>
<td id="var8">Jul-2008</td>
</tr>
<tr>
<td>Clearance C </td>
<td>10</td>
<td>Y<input name="rad9" type="radio" value="Y" checked="checked" />- N<input name="rad9" type="radio" value="N" /></td>
<td id="var9">Jul-2008</td>
</tr>
<tr>
<td>Approval</td>
<td>15</td>
<td>Y<input name="rad10" type="radio" value="Y" checked="checked" />- N<input name="rad10" type="radio" value="N" /></td>
<td id="var10">Dec-2008</td>
</tr>
<tr>
<td>Bid Opening</td>
<td>18</td>
<td>Y<input name="rad11" type="radio" value="Y" checked="checked" />- N<input name="rad11" type="radio" value="N" /></td>
<td id="var11">Mar-2009</td>
</tr>
<tr>
<td>Final Deployment</td>
<td>24</td>
<td>Y<input name="rad12" type="radio" value="Y" checked="checked" />- N<input name="rad12" type="radio" value="N" /></td>
<td id="var12">Sep-2009</td>
</tr>
</table>
</form>
</div>
</body>
</html>
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
You are welcome.
You have surely noticed, but for all who read my proposal, it loads also the actual month as default project starting month and set the following step months accordingly.
You have surely noticed, but for all who read my proposal, it loads also the actual month as default project starting month and set the following step months accordingly.
You're quite welcome. Thanks for the grade and points, as well as the challenge :o)
ASKER
Cheers,
Matt N.