Combines two Tab-Seperated Datasets. The first value in both sets is the key. The pre-filled data is just an example. Hit 'combine' below the datasets and see what happens.<br>
<br>
<style>
 .part
 {
  border: 1px solid #808080;
  width : 100%;
  height: 80%;
 }
</style>

<table style="width: 700px; height: 300px;">
 <tr>
  <td style="width: 33%">Data 1:  <br><textarea id=part1  class=part wrap=off>x	1	2
y	a	b</textarea></td>
  <td style="width: 33%">Data 2:  <br><textarea id=part2  class=part wrap=off>y	c
x	3</textarea></td>
  <td style="width: 33%">Combined:<br><textarea id=output class=part wrap=off></textarea></td>
 </tr>
</table>
<br>
<a href=# onClick="combine();">Combine</a>

<script>
 
 function getDataFromPart1()
 {
  var Part1 =document.getElementById("part1").value;
  var Lines=Part1.split("\n");
  var Data=new Array();
  for (i=0;i<Lines.length;i++)
  {
   //Output.value+=Lines[i]+"\n";
   Start=Lines[i].indexOf("\t");
   Key  =Lines[i].substr(0,Start);
   Value=Lines[i].substr(Start+1);
   Data[Key]=Value; 
  }
  return Data;
 }

 function outputData(Data)
 {
  var Output=document.getElementById("output");
  for (key in Data)
  {
   Output.value+=key+"\t"+Data[key]+"\n";
  }
 }
 
 function combine()
 {
  var Output=document.getElementById("output");
  Output.value="";
  var Data=getDataFromPart1();
  var Part2 =document.getElementById("part2").value;
  var Lines=Part2.split("\n");
  for (i=0;i<Lines.length;i++)
  {
   //Output.value+=Lines[i]+"\n";
   Start=Lines[i].indexOf("\t");
   Key  =Lines[i].substr(0,Start);
   Value=Lines[i].substr(Start);
   Data[Key]+=Value;
  }

  outputData(Data);
 
 }
  

</script>