JS: générer un unique tableau à partir de plusieurs textarea
Bonjour à tous,
Je souhaite créer un seul et unique tableau à partir de plusieurs textarea, ce que j'ai réussi à faire jusque là. Seulement, j'ai besoin que chaque textarea soit sur sa propre colonne (et non pas à la suite, un en bas de l'autre, comme ce qu'il se passe en ce moment), donc: textarea1=colonn1 textarea2=colonne2 et la même chose pour la 3 (nombre de colonne et textarea fixe:3). En sachant que par contre le nombre de ligne est quant à lui variable.
Jusque là, voici mon script:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| <script>
function generateTable() {
$('textarea').each(function(){
var data = $(this).val(); console.log(data);
var rows = data.split("\n");
var table = $('<table />');
for(var y in rows) {
var cells = rows[y].split("\t");
var row = $('<tr />');
for(var x in cells) {
row.append('<td>'+cells[x]+'</td>');
}
table.append(row);
}
$('#excel_table1').append(table);
})
}
</script> |
Voici mon <body> avec les Divs contenant les 3 textarea
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| <div id=references> <p>réfs:</p>
<textarea name="excel_data1" style="width:100px;height:20px;"></textarea>
</div>
<div id=numeros> <p>numéros:</p>
<textarea name="excel_data2" style="width:200px;height:20px;"></textarea>
</div>
<div id=complements> <p>(compléments:)</p>
<textarea name="excel_data3" style="width:100px;height:20px;"></textarea>
</div>
<br>
<input id=bouton1 type="button" onclick="javascript:generateTable()" value="Générer tableau"/> |
Et enfin, voici le tableau généré dans un <Body> séparé:
Code:
1
2
3
4
5
6
| <body><center>
<p>Tableau:</p>
<div id="excel_table1"></div>
</center></body> |
Des pistes, conseils ou idées quelqu'un?
Merci d'avance :D
EnjoyLifeJB.
