El Cheffe: Mehrere <textarea> (ID's) zu einer zusammenführen

Beitrag lesen

Hallo zusammen, ich habe mir ein Formular gestrickt, wo mehrere textarea's mit id existieren, um diese auszudrucken möchte ich diese gerne zu einer zusammenführen. Stelle mir das so vor <textarea id="box1"> <textarea id="box2"> usw. zusammenführen zu <textarea id="alleboxen"> Mein Formular sieht in etwa so aus:

<fieldset>
<legend>BOX1</legend>
<form name="box1">
<input type=checkbox name="punkte" value="Artikel1" onClick="auswahl1()">
Artikel1<br>
<input type=checkbox name="punkte" value="Artikel2" onClick="auswahl1()">
Artikel2<br>
<textarea id="box1" cols="20" rows="5" type=text name="anzeige1" readonly></textarea>
</form>
</fieldset>
<br>
<fieldset>
<legend>BOX2</legend>
<form name="box2">
<input type=checkbox name="punkte" value="Wert1" onClick="auswahl2()">
Wert1<br>
<input type=checkbox name="punkte" value="Wert2" onClick="auswahl2()">
Wert2<br>
</fieldset>
<textarea id="box1" cols="20" rows="5" type=text name="anzeige1" readonly></textarea>
</form>
</fieldset>

Der Ausruck wäre dann soetwas:

<a href="javascript:PrintTextareaContent('box','printing_div_id')">
<p class="button">Drucken</p>
<div id="printing_div_id" class="forprinting" style="white-space:pre-line;"></div>
<script type="text/javascript">
function PrintTextareaContent(textarea_field,printing_div) {
document.getElementById(printing_div).innerHTML = document.getElementById(textarea_field).value;
print();
}
</script>

Also die Ausgabe zum Druck funktioniert soweit, der einzige Haken ist, das ich nur eine Textarea drucken kann, deshalb möchte ich alle zusammenführen. Ich hatte da was im Netz gefunden, aber es will nicht, irgendwo ist ein Hick... Hier das umgestrickte aus dem Netz:

<!-- Textareas zusammenfassen -->       
<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function () {
    var box1 = document.getElementById("box1"),
        box2 = document.getElementById("box2"),
        alleboxen = document.getElementById("box");

    function kombiniere () {
        // box1, box2, box3 und ergibt sind als Variablen hier bekannt (Closure)
        alleboxen.value = box1.value + " " + box2.value;
    }

    if (box1 && box2 && box) {
        box1.addEventListener("change", kombiniere);
        box2.addEventListener("change", kombiniere);
    }
});
</script>

Vielleicht hat ja wer eine Idee, wie ich das umsetzen kann...

Wäre cool!!!

Gruß aus Frankreich, El Cheffe