gibney.org
:
Technology
:
Javascript
:
Tools
:
The Combiner
(Entry Nr. 27, by user 1 |
edit
)
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>
Create a new entry at this position