18
I have an application like this. I need to validate the start time in 2nd row against the start row in first row. I mean The start time value entered in the second row must not b the value entered in 1st and the value entered in 3rd must not b the value entered in 1st,2nd etc.. like this. Please tell me how it can be done. I'm sending the code here. Its a html file. Just copy paste the code and run to execute it and see how it works.
[HTML]<html><head><ti tle>Time Sheet Entry</title>
</head>
<body>
<center><h2>Tim e Sheet Details </h2></center>
<br><br>
<Script>
var INPUT_NAME_PREF IX = 'inputName';
var TABLE_NAME = 'tblSample';
var headerRows;
window.onload=f illInRows;
function fillInRows()
{
headerRows = document.getEle mentById(TABLE_ NAME).rows.leng th;
addRowToTable(' this could be set to something but I don\'t currently use it in addRowToTable') ;
addRowToTable() ;
}
// CONFIG:
// myRowObject is an object for storing information about the table rows
function myRowObject(one , two, three, four) {
this.one = one; // text object
this.two = two; // input text object
this.three = three; // input checkbox object
this.four = four;
}
function addRowToTable(v al)
{
var tbl = document.getEle mentById(TABLE_ NAME);
var nextRow = tbl.rows.length ;
var iteration = nextRow - parseInt(header Rows) + parseInt(1);
// add the row
var row = tbl.insertRow(n extRow);
// CONFIG: This whole section can be configured
// cell 0 - check box select delete
var cell0 = row.insertCell( 0);
var cb = document.create Element('input' );
cb.setAttribute ('type', 'checkbox');
cb.setAttribute ('name', INPUT_NAME_PREF IX + iteration);
//txtInp.setAttri bute('size', '10');
cell0.appendChi ld(cb);
// cell 1 - select WBS code
var cell1 = row.insertCell( 1);
var cb0 = document.create Element('select ');
cb0.setAttribut e("name","wbsco de");
cb0.setAttribut e("id","lesslen gth");
Opt01=document. createElement(" option");
Opt01.setAttrib ute("id","wbs1" );
Opt01.setAttrib ute("value","wb s1");
Opt01.appendChi ld(document.cre ateTextNode("wb s[0]"));
Opt02=document. createElement(" option");
Opt02.setAttrib ute("id","wbs2" );
Opt02.setAttrib ute("value","wb s2");
Opt02.appendChi ld(document.cre ateTextNode("wb s[1]"));
cb0.appendChild (Opt01);
cb0.appendChild (Opt02);
cell1.appendChi ld(cb0);
// cell 2 - input text Start Time
var cell2 = row.insertCell( 2);
var txtInp = document.create Element('input' );
txtInp.setAttri bute('type', 'text');
txtInp.setAttri bute('name', INPUT_NAME_PREF IX + iteration);
txtInp.setAttri bute('size', '10');
cell2.appendChi ld(txtInp);
// cell 3 - Text End time
var cell3 = row.insertCell( 3);
var btn = document.create Element('input' );
btn.setAttribut e('type', 'text');
btn.setAttribut e('name', INPUT_NAME_PREF IX + iteration);
btn.setAttribut e('size', '10');
cell3.appendChi ld(btn);
row.myRow = new myRowObject(cb, cb0,txtInp,btn) ;
}
// CONFIG: this entire function is affected by myRowObject settings // If there isn't a checkbox in your row, then this function can't be used.
function deleteChecked()
{
var checkedObjArray = new Array();
var cCount = 0;
var tbl = document.getEle mentById(TABLE_ NAME);
for (var i=0; i<tbl.rows.leng th; i++) {
if (tbl.rows[i].myRow && tbl.rows[i].myRow.one.getA ttribute('type' ) == 'checkbox' && tbl.rows[i].myRow.one.chec ked) {
checkedObjArray[cCount] = tbl.rows[i];
cCount++;
}
}
if (checkedObjArra y.length > 0 ) {
var rIndex = checkedObjArray[0].rowIndex;
deleteRows(chec kedObjArray);
reorderRows(tbl , rIndex);
}
}
function reorderRows(tbl , startingIndex) {
if (tbl.rows[startingIndex]) {
var count = startingIndex;
for (var i=startingIndex ; i<tbl.rows.leng th; i++) {
// CONFIG: next line is affected by myRowObject settings
tbl.rows[i].myRow.one.data = count; // text
// CONFIG: next line is affected by myRowObject settings
tbl.rows[i].myRow.two.name = INPUT_NAME_PREF IX + count; // input text
// CONFIG: next line is affected by myRowObject settings
//var tempVal = tbl.rows[i].myRow.two.valu e.split(' '); // for debug purposes
//tbl.rows[i].myRow.two.valu e = count + ' was' + tempVal[0]; // for debug purposes
count++;
}
}
}
function deleteRows(rowO bjArray)
{
for (var i=0; i<rowObjArray.l ength; i++) {
var rIndex = rowObjArray[i].rowIndex;
rowObjArray[i].parentNode.del eteRow(rIndex);
}
}
function openInNewWindow (frm)
{
// open a blank window
var aWindow = window.open('', 'TableAddRow2Ne wWindow',
'scrollbars=yes ,menubar=yes,re sizable=yes,too lbar=no,width=4 00,height=400') ;
// set the target to the blank window
frm.target = 'TableAddRow2Ne wWindow';
// submit
frm.submit();
}
</Script>
</head><body>
<form action="tablead drow_nw.html" method="post">
<center>
<table border="1" id="tblSample" class="sample">
<tr>
<th >Select</th>
<th >WBS</th>
<th >Start Time</th>
<th >End Time</th>
</tr>
</table>
<p>
<input type="button" value="Add" onclick="addRow ToTable();" class="button" />
<input type="submit" value="Save" onclick="openIn NewWindow(this. form);" class="button" />
<input type="button" value="Delete Selected" onclick="delete Checked();" />
<input type="button" value="Exit" onclick="window .close();" class="button"/>
</p> </center> </form> </html>[/HTML]
Please post code using code tags - moderator
