WBS - Work Breakdown Structure

**acoder** · Mar 10 '08, 03:12 PM

So what happens? What works and what doesn't?

**RamananKalirajan** · Mar 11 '08, 04:52 AM

Originally posted by acoder

So what happens? What works and what doesn't?

Hello the code is working cool but the problem is. If I am incrementing the subindex of an index and after I am trying the same for other means it's ok. If again i work on the first its get collapsed. Moreover if I am deleting a sub index or index the numberings are more worse i can't frame the correct numbering. Please help me out. You just run the code in HTML then you can find the problem

**acoder** · Mar 11 '08, 12:21 PM

Originally posted by RamananKaliraja n

Hello the code is working cool but the problem is. If I am incrementing the subindex of an index and after I am trying the same for other means it's ok. If again i work on the first its get collapsed. Moreover if I am deleting a sub index or index the numberings are more worse i can't frame the correct numbering. Please help me out. You just run the code in HTML then you can find the problem

You're using the global variable taskno which you're not updating. You need to update it when deleting a row.

**RamananKalirajan** · Mar 12 '08, 07:00 AM

Originally posted by acoder

You're using the global variable taskno which you're not updating. You need to update it when deleting a row.

If I am deleting task means i have to decrement the index no, but doing so I face many problems if I delete the tasks inbetween. Please help me out if you have any better way to do this task what i had developed is seems to be complex one

Regards
Ramanan

**acoder** · Mar 12 '08, 07:19 AM

One way to solve that problem is to copy the lower tasks (below the row to be deleted) to the higher ones, i.e. move them all up one row, then delete the last row. That way all the numbers can remain as they are.

**RamananKalirajan** · Mar 12 '08, 10:36 AM

Originally posted by acoder

One way to solve that problem is to copy the lower tasks (below the row to be deleted) to the higher ones, i.e. move them all up one row, then delete the last row. That way all the numbers can remain as they are.

I am sorry to ask this but I have no other go, are you having any code that matches my requirement. That is creating the WBS (Work Break Down Structure) dynamically with the task's and subtask's. That works in the same fashion what i had did. If you have means please help me out.

Regards
Ramanan Kalirajan

**acoder** · Mar 12 '08, 01:06 PM

I don't, but this example might help.

I can help modify your existing code, but I can't give you the whole working code.

**RamananKalirajan** · Mar 13 '08, 09:16 AM

Originally posted by acoder

I don't, but this example might help.

I can help modify your existing code, but I can't give you the whole working code.

Thank you very much Mr. Acoder, I think that example would be really helpful for me. Let me try that example in my code.

Regards
Ramanan Kalirajan

**acoder** · Mar 13 '08, 11:35 AM

Good luck and post back if you need more help or with the final solution.

**RamananKalirajan** · Mar 17 '08, 10:07 AM

Originally posted by acoder

Good luck and post back if you need more help or with the final solution.

Hello Sir, I am working on the WBS structure i am trying to finsih it. I post the code which I had done till now:

[HTML]<html>
<head>
<script language="javas cript">
var taskno=0;
var ROW_BASE=1;
function addTask()
{
var oTable=document .getElementById ('myTable');
var lastRow = oTable.rows.len gth;
var row=oTable.inse rtRow(lastRow);

//create WBS Cell
oCell = row.insertCell( 0);
var el = document.create Element('input' );
el.type="text";
el.size="5";
taskno++;
el.value=taskno ;
oCell.appendChi ld(el);
oCell.innerHTML =oCell.innerHTM L;

//Task Name
oCell = row.insertCell( 1);
var el1 = document.create Element('input' );
el1.type="text" ;
el1.size="25";
oCell.appendChi ld(el1);
oCell.innerHTML =oCell.innerHTM L;

//Adding SubTask
oCell = row.insertCell( 2);
var el2 = document.create Element('input' );
el2.type="butto n";
el2.value="Sub Task";
el2.onclick="ad dSubTask(this)" ;
oCell.appendChi ld(el2);
oCell.innerHTML =oCell.innerHTM L;

//Remove Button
oCell = row.insertCell( 3);
var el3 = document.create Element('input' );
el3.type="butto n";
el3.value="Remo ve";
el3.onclick="re moveThis(this)" ;
oCell.appendChi ld(el3);
oCell.innerHTML =oCell.innerHTM L;
}
function addSubTask(rowe l)
{
var temp;
var insert;
var subRow = rowel.parentNod e.parentNode;
var tbl = subRow.parentNo de.parentNode;
var ri = subRow.sectionR owIndex;
var nval = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
alert(nval);
var x=ri+1;
var nval1;
alert(ri);
alert(document. getElementById( 'myTable').rows .length);
if(ri==(documen t.getElementByI d('myTable').ro ws.length-1))
{
nval1 = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
}
else
{
nval1 = tbl.tBodies[0].rows[x].cells[0].firstChild.val ue;
}
var str=nval1+"";
flag="TRUE";
if(str.indexOf( ".")==-1)
{
var subtaskno=1;
temp =nval+"."+subta skno;
insert=ri+1;
}
else
{
while(flag=="TR UE")
{
ri=ri+1;
alert("Inside while "+ri);
alert("Table length = "+document.getE lementById('myT able').rows.len gth);
if(ri==(documen t.getElementByI d('myTable').ro ws.length))
{
nval1 = tbl.tBodies[0].rows[ri-1].cells[0].firstChild.val ue;
alert("Inside While If");
flag="FALSE";
ri=ri-1;
str = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
subtaskno=str.s ubstring (str.lastIndexO f (".")+1, str.length);
var stask = parseInt(subtas kno);
stask=stask+1;
temp =nval+"."+stask ;
}
else
{
nval1 = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
}
alert(nval1);
var str=nval1+"";
if(str.indexOf( ".")==-1)
{
flag="FALSE";
ri=ri-1;
str = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
subtaskno=str.s ubstring (str.lastIndexO f (".")+1, str.length);
var stask = parseInt(subtas kno);
stask=stask+1;
temp =nval+"."+stask ;
}
else
{
flag=="TRUE" ;
}
}
insert=ri+1;
}

var oTable=document .getElementById ('myTable');
var row=oTable.inse rtRow(insert);

//create WBS Cell
oCell = row.insertCell( 0);
var el = document.create Element('input' );
el.type="text";
el.size="5";
el.value=temp;
oCell.appendChi ld(el);
oCell.innerHTML =oCell.innerHTM L;

//Task Name
oCell = row.insertCell( 1);
var el1 = document.create Element('input' );
el1.type="text" ;
el1.size="25";
oCell.appendChi ld(el1);
oCell.innerHTML =oCell.innerHTM L;

//Adding SubTask
oCell = row.insertCell( 2);
var el2 = document.create Element('input' );
el2.type="butto n";
el2.value="Temp ";
el2.onclick="sh owTemp(this)";
oCell.appendChi ld(el2);
oCell.innerHTML =oCell.innerHTM L;

//Remove Button
oCell = row.insertCell( 3);
var el3 = document.create Element('input' );
el3.type="butto n";
el3.value="Remo ve";
el3.onclick="re moveThis(this)" ;
oCell.appendChi ld(el3);
oCell.innerHTML =oCell.innerHTM L;
}
function showTemp(rowel)
{
alert("This is temp");
}
function removeThis(rowe l)
{
var delRow = rowel.parentNod e.parentNode;
var tbl = delRow.parentNo de.parentNode;
var rIndex = delRow.sectionR owIndex;
var nval = tbl.tBodies[0].rows[rIndex].cells[0].firstChild.val ue;
alert(nval);
var str=nval;
if(str.indexOf( ".")==-1)
{
taskno--;
var rowArray = new Array(delRow);
deleteRows(rowA rray);
reorderRows(tbl , rIndex);
}
else
{
document.getEle mentById('myTab le').deleteRow( rIndex);
}
}
function reorderRows(tbl , startingIndex)
{
var table = document.getEle mentById('myTab le');
if (tbl.tBodies[0].rows[startingIndex]) {
var count = startingIndex;
for (var i=startingIndex ; i<tbl.tBodies[0].rows.length; i++) {
tbl.tBodies[0].rows[i].cells[0].firstChild.val ue= count;
count++;
}
}

}
function deleteRows(rowO bjArray)
{
for (var i=0; i<rowObjArray.l ength; i++) {
var rIndex = rowObjArray[i].sectionRowInde x;
rowObjArray[i].parentNode.del eteRow(rIndex);
}
}
</script>
</head>
<body>
<br/>
<input type="button" value="Add Task" onclick="addTas k()">
<br/>
<table id='myTable'>
<tr>
<th>WBS</th>
<th>Task Name</th>
<th></th>
<th></th>
</tr>
</table>
</body>
</html>[/HTML]

Please give me your comments that will help me in molding myself

Regards
Ramanan Kalirajan

**RamananKalirajan** · Mar 17 '08, 12:32 PM

Hello Sir, I had did most of the things. The remaining work which is pending is if delete a task, the sub tasks under that tasks must be deleted I am working on that Surely I will finish it. I give the code which is working till creating task, subtask, deleting and reordering.

[HTML]<html>
<head>
<script language="javas cript">
var taskno=0;
var ROW_BASE=1;
function addTask()
{
var oTable=document .getElementById ('myTable');
var lastRow = oTable.rows.len gth;
var row=oTable.inse rtRow(lastRow);

//create WBS Cell
oCell = row.insertCell( 0);
var el = document.create Element('input' );
el.type="text";
el.size="5";
taskno++;
el.value=taskno ;
oCell.appendChi ld(el);
oCell.innerHTML =oCell.innerHTM L;

//Task Name
oCell = row.insertCell( 1);
var el1 = document.create Element('input' );
el1.type="text" ;
el1.size="25";
oCell.appendChi ld(el1);
oCell.innerHTML =oCell.innerHTM L;

//Adding SubTask
oCell = row.insertCell( 2);
var el2 = document.create Element('input' );
el2.type="butto n";
el2.value="Sub Task";
el2.onclick="ad dSubTask(this)" ;
oCell.appendChi ld(el2);
oCell.innerHTML =oCell.innerHTM L;

//Remove Button
oCell = row.insertCell( 3);
var el3 = document.create Element('input' );
el3.type="butto n";
el3.value="Remo ve";
el3.onclick="re moveThis(this)" ;
oCell.appendChi ld(el3);
oCell.innerHTML =oCell.innerHTM L;
}
function addSubTask(rowe l)
{
var temp;
var insert;
var subRow = rowel.parentNod e.parentNode;
var tbl = subRow.parentNo de.parentNode;
var ri = subRow.sectionR owIndex;
var nval = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
var x=ri+1;
var nval1;
if(ri==(documen t.getElementByI d('myTable').ro ws.length-1))
{
nval1 = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
}
else
{
nval1 = tbl.tBodies[0].rows[x].cells[0].firstChild.val ue;
}
var str=nval1+"";
flag="TRUE";
if(str.indexOf( ".")==-1)
{
var subtaskno=1;
temp =nval+"."+subta skno;
insert=ri+1;
}
else
{
while(flag=="TR UE")
{
ri=ri+1;
if(ri==(documen t.getElementByI d('myTable').ro ws.length))
{
nval1 = tbl.tBodies[0].rows[ri-1].cells[0].firstChild.val ue;
flag="FALSE";
ri=ri-1;
str = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
subtaskno=str.s ubstring (str.lastIndexO f (".")+1, str.length);
var stask = parseInt(subtas kno);
stask=stask+1;
temp =nval+"."+stask ;
}
else
{
nval1 = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
}
var str=nval1+"";
if(str.indexOf( ".")==-1)
{
flag="FALSE";
ri=ri-1;
str = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
subtaskno=str.s ubstring (str.lastIndexO f (".")+1, str.length);
var stask = parseInt(subtas kno);
stask=stask+1;
temp =nval+"."+stask ;
}
else
{
flag=="TRUE" ;
}
}
insert=ri+1;
}

var oTable=document .getElementById ('myTable');
var row=oTable.inse rtRow(insert);

//create WBS Cell
oCell = row.insertCell( 0);
var el = document.create Element('input' );
el.type="text";
el.size="5";
el.value=temp;
oCell.appendChi ld(el);
oCell.innerHTML =oCell.innerHTM L;

//Task Name
oCell = row.insertCell( 1);
var el1 = document.create Element('input' );
el1.type="text" ;
el1.size="25";
oCell.appendChi ld(el1);
oCell.innerHTML =oCell.innerHTM L;

//Adding SubTask
oCell = row.insertCell( 2);
var el2 = document.create Element('input' );
el2.type="butto n";
el2.value="Temp ";
el2.onclick="sh owTemp(this)";
oCell.appendChi ld(el2);
oCell.innerHTML =oCell.innerHTM L;

//Remove Button
oCell = row.insertCell( 3);
var el3 = document.create Element('input' );
el3.type="butto n";
el3.value="Remo ve";
el3.onclick="re moveThis(this)" ;
oCell.appendChi ld(el3);
oCell.innerHTML =oCell.innerHTM L;
}
function showTemp(rowel)
{
alert("This is temp");
}
function removeThis(rowe l)
{
var delRow = rowel.parentNod e.parentNode;
var tbl = delRow.parentNo de.parentNode;
var rIndex = delRow.sectionR owIndex;
var nval = tbl.tBodies[0].rows[rIndex].cells[0].firstChild.val ue;
var str=nval;
if(str.indexOf( ".")==-1)
{
taskno--;
var rowArray = new Array(delRow);
deleteRows(rowA rray);
reorder();
}
else
{
document.getEle mentById('myTab le').deleteRow( rIndex);
if(rIndex==docu ment.getElement ById('myTable') .rows.length)
{
flag1=="FALSE";
}
else
{
var flag1="TRUE";
while(flag1=="T RUE")
{
if(rIndex==docu ment.getElement ById('myTable') .rows.length)
{
return;
}
var x = tbl.tBodies[0].rows[rIndex].cells[0].firstChild.val ue;
var y=x+"";
if(y.indexOf(". ")==-1)
{
flag1="false";
}
else
{
tbl.tBodies[0].rows[rIndex].cells[0].firstChild.val ue=nval;
nval=y;
rIndex= rIndex+1;
}

}
}
}
}
var lastValue;
function reorder()
{
var len=document.ge tElementById('m yTable').rows.l ength;
var tbl = document.getEle mentById('myTab le');
i=0;
tbl.tBodies[0].rows[1].cells[0].firstChild.val ue=1;
lastValue=tbl.t Bodies[0].rows[1].cells[0].firstChild.val ue;
var taskno=0;
i=2;
do
{
var x = tbl.tBodies[0].rows[i].cells[0].firstChild.val ue;
var y= x+"";
if(y.indexOf(". ")==-1)
{
lastValue=parse Int(lastValue)+ 1;
tbl.tBodies[0].rows[i].cells[0].firstChild.val ue=lastValue;
lastValue= tbl.tBodies[0].rows[i].cells[0].firstChild.val ue;
taskno=0;
}
else
{
taskno=taskno+1 ;
var temp = lastValue+"."+t askno;
tbl.tBodies[0].rows[i].cells[0].firstChild.val ue=temp;
}
i=i+1;
}
while(i<len);

}
function deleteRows(rowO bjArray)
{
for (var i=0; i<rowObjArray.l ength; i++) {
var rIndex = rowObjArray[i].sectionRowInde x;
rowObjArray[i].parentNode.del eteRow(rIndex);
}
}
</script>
</head>
<body>
<br/>
<input type="button" value="Add Task" onclick="addTas k()">
<br/>
<table id='myTable'>
<tr>
<th>WBS</th>
<th>Task Name</th>
<th></th>
<th></th>
</tr>
</table>
</body>
</html>[/HTML]

Regards
Ramanan Kalirajan

**RamananKalirajan** · Mar 17 '08, 01:05 PM

Hello Sir, a happy news i had created the full working code for WBS with creating Task, Subtask, deleting and reordering dynamically. The Following is the code:

[HTML]<html>
<head>
<script language="javas cript">
var taskno=0;
var ROW_BASE=1;
function addTask()
{
var oTable=document .getElementById ('myTable');
var lastRow = oTable.rows.len gth;
var row=oTable.inse rtRow(lastRow);

//create WBS Cell
oCell = row.insertCell( 0);
var el = document.create Element('input' );
el.type="text";
el.size="5";
taskno++;
el.value=taskno ;
oCell.appendChi ld(el);
oCell.innerHTML =oCell.innerHTM L;

//Task Name
oCell = row.insertCell( 1);
var el1 = document.create Element('input' );
el1.type="text" ;
el1.size="25";
oCell.appendChi ld(el1);
oCell.innerHTML =oCell.innerHTM L;

//Adding SubTask
oCell = row.insertCell( 2);
var el2 = document.create Element('input' );
el2.type="butto n";
el2.value="Sub Task";
el2.onclick="ad dSubTask(this)" ;
oCell.appendChi ld(el2);
oCell.innerHTML =oCell.innerHTM L;

//Remove Button
oCell = row.insertCell( 3);
var el3 = document.create Element('input' );
el3.type="butto n";
el3.value="Remo ve";
el3.onclick="re moveThis(this)" ;
oCell.appendChi ld(el3);
oCell.innerHTML =oCell.innerHTM L;
}
function addSubTask(rowe l)
{
var temp;
var insert;
var subRow = rowel.parentNod e.parentNode;
var tbl = subRow.parentNo de.parentNode;
var ri = subRow.sectionR owIndex;
var nval = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
var x=ri+1;
var nval1;
if(ri==(documen t.getElementByI d('myTable').ro ws.length-1))
{
nval1 = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
}
else
{
nval1 = tbl.tBodies[0].rows[x].cells[0].firstChild.val ue;
}
var str=nval1+"";
flag="TRUE";
if(str.indexOf( ".")==-1)
{
var subtaskno=1;
temp =nval+"."+subta skno;
insert=ri+1;
}
else
{
while(flag=="TR UE")
{
ri=ri+1;
if(ri==(documen t.getElementByI d('myTable').ro ws.length))
{
nval1 = tbl.tBodies[0].rows[ri-1].cells[0].firstChild.val ue;
flag="FALSE";
ri=ri-1;
str = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
subtaskno=str.s ubstring (str.lastIndexO f (".")+1, str.length);
var stask = parseInt(subtas kno);
stask=stask+1;
temp =nval+"."+stask ;
}
else
{
nval1 = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
}
var str=nval1+"";
if(str.indexOf( ".")==-1)
{
flag="FALSE";
ri=ri-1;
str = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
subtaskno=str.s ubstring (str.lastIndexO f (".")+1, str.length);
var stask = parseInt(subtas kno);
stask=stask+1;
temp =nval+"."+stask ;
}
else
{
flag=="TRUE" ;
}
}
insert=ri+1;
}

var oTable=document .getElementById ('myTable');
var row=oTable.inse rtRow(insert);

//create WBS Cell
oCell = row.insertCell( 0);
var el = document.create Element('input' );
el.type="text";
el.size="5";
el.value=temp;
oCell.appendChi ld(el);
oCell.innerHTML =oCell.innerHTM L;

//Task Name
oCell = row.insertCell( 1);
var el1 = document.create Element('input' );
el1.type="text" ;
el1.size="25";
oCell.appendChi ld(el1);
oCell.innerHTML =oCell.innerHTM L;

//Adding SubTask
oCell = row.insertCell( 2);
var el2 = document.create Element('input' );
el2.type="butto n";
el2.value="Temp ";
el2.onclick="sh owTemp(this)";
oCell.appendChi ld(el2);
oCell.innerHTML =oCell.innerHTM L;

//Remove Button
oCell = row.insertCell( 3);
var el3 = document.create Element('input' );
el3.type="butto n";
el3.value="Remo ve";
el3.onclick="re moveThis(this)" ;
oCell.appendChi ld(el3);
oCell.innerHTML =oCell.innerHTM L;
}
function showTemp(rowel)
{
alert("This is temp");
}
function removeThis(rowe l)
{
var delRow = rowel.parentNod e.parentNode;
var tbl = delRow.parentNo de.parentNode;
var rIndex = delRow.sectionR owIndex;
var nval = tbl.tBodies[0].rows[rIndex].cells[0].firstChild.val ue;
var str=nval;
if(str.indexOf( ".")==-1)
{
document.getEle mentById('myTab le').deleteRow( rIndex);
taskno--;
var flag="TRUE";
while(flag=="TR UE")
{
if(rIndex<docum ent.getElementB yId('myTable'). rows.length)
{
var nval = tbl.tBodies[0].rows[rIndex].cells[0].firstChild.val ue;
var str=nval;
if(str.indexOf( ".")==-1)
{
flag="FALSE";
}
else
{
if(rIndex==docu ment.getElement ById('myTable') .rows.length)
{
flag=="FALSE";
}
document.getEle mentById('myTab le').deleteRow( rIndex);
}
}
else
{
flag="FALSE";
}
}
reorder();
}
else
{
document.getEle mentById('myTab le').deleteRow( rIndex);
if(rIndex==docu ment.getElement ById('myTable') .rows.length)
{
flag1=="FALSE";
}
else
{
var flag1="TRUE";
while(flag1=="T RUE")
{
if(rIndex==docu ment.getElement ById('myTable') .rows.length)
{
return;
}
var x = tbl.tBodies[0].rows[rIndex].cells[0].firstChild.val ue;
var y=x+"";
if(y.indexOf(". ")==-1)
{
flag1="false";
}
else
{
tbl.tBodies[0].rows[rIndex].cells[0].firstChild.val ue=nval;
nval=y;
rIndex= rIndex+1;
}

}
}
}
}
var lastValue;
function reorder()
{
var len=document.ge tElementById('m yTable').rows.l ength;
var tbl = document.getEle mentById('myTab le');
i=0;
tbl.tBodies[0].rows[1].cells[0].firstChild.val ue=1;
lastValue=tbl.t Bodies[0].rows[1].cells[0].firstChild.val ue;
var taskno=0;
i=2;
do
{
var x = tbl.tBodies[0].rows[i].cells[0].firstChild.val ue;
var y= x+"";
if(y.indexOf(". ")==-1)
{
lastValue=parse Int(lastValue)+ 1;
tbl.tBodies[0].rows[i].cells[0].firstChild.val ue=lastValue;
lastValue= tbl.tBodies[0].rows[i].cells[0].firstChild.val ue;
taskno=0;
}
else
{
taskno=taskno+1 ;
var temp = lastValue+"."+t askno;
tbl.tBodies[0].rows[i].cells[0].firstChild.val ue=temp;
}
i=i+1;
}
while(i<len);

}
</script>
</head>
<body>
<br/>
<input type="button" value="Add Task" onclick="addTas k()">
<br/>
<table id='myTable'>
<tr>
<th>WBS</th>
<th>Task Name</th>
<th></th>
<th></th>
</tr>
</table>
</body>
</html>[/HTML]

From tomorrow I will be trying to add sub sub task in WBS. This code is enough for persons who are looking for creating the Task and Subtask alone in WBS. I am happy sir, Thanks a lot.

Regards
Ramanan Kalirajan

**RamananKalirajan** · Mar 18 '08, 10:18 AM

Completed code for WBS - Work BreakDown Structure

Hi guys I had completed the WBS code in Javascript. I had did to my knowledge you all can make use of it. If any changes please post me

[HTML]<html>
<head>
<script language="javas cript">[/html]
[code=javascript]var taskno=0;
var ROW_BASE=1;
function addTask()
{
var oTable=document .getElementById ('myTable');
var lastRow = oTable.rows.len gth;
var row=oTable.inse rtRow(lastRow);

//create WBS Cell
oCell = row.insertCell( 0);
var el = document.create Element('input' );
el.type="text";
el.size="5";
taskno++;
el.value=taskno ;
oCell.appendChi ld(el);
oCell.innerHTML =oCell.innerHTM L;

//Task Name
oCell = row.insertCell( 1);
var el1 = document.create Element('input' );
el1.type="text" ;
el1.size="25";
oCell.appendChi ld(el1);
oCell.innerHTML =oCell.innerHTM L;

//Adding SubTask
oCell = row.insertCell( 2);
var el2 = document.create Element('input' );
el2.type="butto n";
el2.value="Sub Task";
el2.onclick="ad dSubTask(this)" ;
oCell.appendChi ld(el2);
oCell.innerHTML =oCell.innerHTM L;

//Remove Button
oCell = row.insertCell( 3);
var el3 = document.create Element('input' );
el3.type="butto n";
el3.value="Remo ve";
el3.onclick="re moveThis(this)" ;
oCell.appendChi ld(el3);
oCell.innerHTML =oCell.innerHTM L;
}
function addSubTask(rowe l)
{
var temp;
var insert;
var subRow = rowel.parentNod e.parentNode;
var tbl = subRow.parentNo de.parentNode;
var ri = subRow.sectionR owIndex;
var nval = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
var x=ri+1;
var nval1;
if(ri==(documen t.getElementByI d('myTable').ro ws.length-1))
{
nval1 = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
}
else
{
nval1 = tbl.tBodies[0].rows[x].cells[0].firstChild.val ue;
}
var str=nval1+"";
flag="TRUE";
if(str.indexOf( ".")==-1)
{
var subtaskno=1;
temp =nval+"."+subta skno;
insert=ri+1;
}
else
{
while(flag=="TR UE")
{
ri=ri+1;
if(ri==(documen t.getElementByI d('myTable').ro ws.length))
{
nval1 = tbl.tBodies[0].rows[ri-1].cells[0].firstChild.val ue;
flag="FALSE";
ri=ri-1;
str = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
subtaskno=str.s ubstring (str.lastIndexO f (".")+1, str.length);
var stask = parseInt(subtas kno);
stask=stask+1;
temp =nval+"."+stask ;
}
else
{
nval1 = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
}
var str=nval1+"";
if(str.indexOf( ".")==-1)
{
flag="FALSE";
ri=ri-1;
str = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
subtaskno=str.s ubstring (str.lastIndexO f (".")+1, str.length);
var stask = parseInt(subtas kno);
stask=stask+1;
temp =nval+"."+stask ;
}
else
{
flag=="TRUE" ;
}
}
insert=ri+1;
}

var oTable=document .getElementById ('myTable');
var row=oTable.inse rtRow(insert);

//create WBS Cell
oCell = row.insertCell( 0);
var el = document.create Element('input' );
el.type="text";
el.size="5";
el.value=temp;
oCell.appendChi ld(el);
oCell.innerHTML =oCell.innerHTM L;

//Task Name
oCell = row.insertCell( 1);
var el1 = document.create Element('input' );
el1.type="text" ;
el1.size="25";
oCell.appendChi ld(el1);
oCell.innerHTML =oCell.innerHTM L;

//Adding SubSubTask
oCell = row.insertCell( 2);
var el2 = document.create Element('input' );
el2.type="butto n";
el2.value="Sub Sub Task";
el2.onclick="cr eateSubSubTask( this)";
oCell.appendChi ld(el2);
oCell.innerHTML =oCell.innerHTM L;

//Remove Button
oCell = row.insertCell( 3);
var el3 = document.create Element('input' );
el3.type="butto n";
el3.value="Remo ve";
el3.onclick="re moveThis(this)" ;
oCell.appendChi ld(el3);
oCell.innerHTML =oCell.innerHTM L;
}[/code]

[code=javascript]// Function for creating Sub Sub Task

function createSubSubTas k(rowel)
{
var temp;
var insert;
var subRow = rowel.parentNod e.parentNode;
var tbl = subRow.parentNo de.parentNode;
var ri = subRow.sectionR owIndex;
var nval = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
var x=ri+1;
var nval1;
if(ri==(documen t.getElementByI d('myTable').ro ws.length-1))
{
nval1 = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
}
else
{
nval1 = tbl.tBodies[0].rows[x].cells[0].firstChild.val ue;
}
var str=nval1+"";
flag="TRUE";
if(str.lastInde xOf(".")==1)
{
var subsubtaskno=1;
temp =nval+"."+subsu btaskno;
insert=ri+1;
}
else
{
if(str.lastInde xOf(".")==-1)
{
subsubtaskno=1;
temp =nval+"."+subsu btaskno;
insert=ri+1;
}
else
{
while(flag=="TR UE")
{
ri=ri+1;
if(ri==(documen t.getElementByI d('myTable').ro ws.length))
{
flag="FALSE";
}
else
{
var check=tbl.tBodi es[0].rows[ri].cells[0].firstChild.val ue
str = check+"";
if(str.lastInde xOf(".")==-1)
{
nval1 = tbl.tBodies[0].rows[ri-1].cells[0].firstChild.val ue;
flag="FALSE";
ri=ri-1;
str = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
subsubtaskno=st r.substring (str.lastIndexO f (".")+1, str.length);
var stask = parseInt(subsub taskno);
stask=stask+1;
temp =nval+"."+stask ;
}
else
{
flag="TRUE";
}
}
if(ri==(documen t.getElementByI d('myTable').ro ws.length))
{
nval1 = tbl.tBodies[0].rows[ri-1].cells[0].firstChild.val ue;
flag="FALSE";
ri=ri-1;
str = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
subsubtaskno=st r.substring (str.lastIndexO f (".")+1, str.length);
var stask = parseInt(subsub taskno);
stask=stask+1;
temp =nval+"."+stask ;
}
else
{
nval1 = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
}
var str=nval1+"";
if(str.lastInde xOf(".")==1)
{
flag="FALSE";
ri=ri-1;
str = tbl.tBodies[0].rows[ri].cells[0].firstChild.val ue;
subsubtaskno=st r.substring (str.lastIndexO f (".")+1, str.length);
var stask = parseInt(subsub taskno);
stask=stask+1;
temp =nval+"."+stask ;
}
else
{
flag=="TRUE" ;
}
}
}
insert=ri+1;
}

var oTable=document .getElementById ('myTable');
var row=oTable.inse rtRow(insert);

//create WBS Cell
oCell = row.insertCell( 0);
var el = document.create Element('input' );
el.type="text";
el.size="5";
el.value=temp;
oCell.appendChi ld(el);
oCell.innerHTML =oCell.innerHTM L;

//Task Name
oCell = row.insertCell( 1);
var el1 = document.create Element('input' );
el1.type="text" ;
el1.size="25";
oCell.appendChi ld(el1);
oCell.innerHTML =oCell.innerHTM L;

//Adding SubTask
oCell = row.insertCell( 2);
var el2 = document.create Element('nbsp') ;
oCell.appendChi ld(el2);
oCell.innerHTML =oCell.innerHTM L;

//Remove Button
oCell = row.insertCell( 3);
var el3 = document.create Element('input' );
el3.type="butto n";
el3.value="Remo ve";
el3.onclick="re moveThis(this)" ;
oCell.appendChi ld(el3);
oCell.innerHTML =oCell.innerHTM L;
}

// End of Sub Sub Task Creation

function removeThis(rowe l)
{
var delRow = rowel.parentNod e.parentNode;
var tbl = delRow.parentNo de.parentNode;
var rIndex = delRow.sectionR owIndex;
var nval = tbl.tBodies[0].rows[rIndex].cells[0].firstChild.val ue;
var str=nval;
if(str.indexOf( ".")==-1)
{
document.getEle mentById('myTab le').deleteRow( rIndex);
taskno--;
var flag="TRUE";
while(flag=="TR UE")
{
if(rIndex<docum ent.getElementB yId('myTable'). rows.length)
{
var nval = tbl.tBodies[0].rows[rIndex].cells[0].firstChild.val ue;
var str=nval;
if(str.indexOf( ".")==-1)
{
flag="FALSE";
}
else
{
if(rIndex==docu ment.getElement ById('myTable') .rows.length)
{
flag=="FALSE";
}
document.getEle mentById('myTab le').deleteRow( rIndex);
}
}
else
{
flag="FALSE";
}
}
reorder();
}
else if(str.lastInde xOf(".")==1)
{
document.getEle mentById('myTab le').deleteRow( rIndex);
var flag="TRUE";
while(flag=="TR UE")
{
if(rIndex<docum ent.getElementB yId('myTable'). rows.length)
{
var nval = tbl.tBodies[0].rows[rIndex].cells[0].firstChild.val ue;
var str=nval;
if(str.lastInde xOf(".")==1)
{
flag="FALSE";
}
else
{
if(rIndex==docu ment.getElement ById('myTable') .rows.length)
{
flag=="FALSE";
}
document.getEle mentById('myTab le').deleteRow( rIndex);
}
}
else
{
flag="FALSE";
}
}
reorder();
}
else
{
document.getEle mentById('myTab le').deleteRow( rIndex);
if(rIndex==docu ment.getElement ById('myTable') .rows.length)
{
flag1=="FALSE";
}
else
{
var flag1="TRUE";
while(flag1=="T RUE")
{
if(rIndex==docu ment.getElement ById('myTable') .rows.length)
{
return;
}
var x = tbl.tBodies[0].rows[rIndex].cells[0].firstChild.val ue;
var y=x+"";
if(y.lastIndexO f(".")==1)
{
flag1="false";
}
else
{
tbl.tBodies[0].rows[rIndex].cells[0].firstChild.val ue=nval;
nval=y;
rIndex= rIndex+1;
}
}
}
reorder();
}
}[/code]
[code=javascript]var lastValue;
function reorder()
{
var len=document.ge tElementById('m yTable').rows.l ength;
var tbl = document.getEle mentById('myTab le');
i=0;
if(len>1)
{
tbl.tBodies[0].rows[1].cells[0].firstChild.val ue=1;
lastValue=tbl.t Bodies[0].rows[1].cells[0].firstChild.val ue;
}
var taskno=0;
var staskno=0;
var subtaskno=0;
i=2;
while(i<len)
{
var x = tbl.tBodies[0].rows[i].cells[0].firstChild.val ue;
var y= x+"";
if(y.indexOf(". ")==-1)
{
lastValue=parse Int(lastValue)+ 1;
tbl.tBodies[0].rows[i].cells[0].firstChild.val ue=lastValue;
lastValue= tbl.tBodies[0].rows[i].cells[0].firstChild.val ue;
taskno=0;
}
else if(y.lastIndexO f(".")==1)
{
taskno=taskno+1 ;
var staskno = lastValue+"."+t askno;
tbl.tBodies[0].rows[i].cells[0].firstChild.val ue=staskno;
subtaskno=0;
}
else
{
subtaskno=subta skno+1;
var temp = staskno+"."+sub taskno;
tbl.tBodies[0].rows[i].cells[0].firstChild.val ue=temp;
}
i=i+1;
}

}[/code]
[html]</script>
</head>
<body>
<br/>
<input type="button" value="Add Task" onclick="addTas k()">
<br/>
<table id='myTable'>
<tr>
<th>WBS</th>
<th>Task Name</th>
<th></th>
<th></th>
</tr>
</table>
</body>
</html>[/HTML]

Regards
Ramanan Kalirajan

**acoder** · Mar 18 '08, 10:25 AM

I've merged your threads. Just one quick point: the language attribute of the script tag is deprecated, use type="text/javascript" instead.

WBS - Work Breakdown Structure

WBS - Work Breakdown Structure

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment

Comment