Jetzt wird mir das Problem klar: Bei mir funktioniert es, weil ich lokal mit einem Webserver teste. Du möchtest es jedoch lokal laufen lassen ohne Webserver. Und dann blockt Chrome es wegen Cross-Origin-Gesichtspunkten. Auf Anhieb fällt mir da keine Lösung ein. Einziehen mit PHP entfällt ja dann auch. Ich überlege weiter.
Wäre es vielleicht möglich, wenn ich den Button auf Seite 1 behalte für diesen die click() Methode auszuführen, obwohl ich das iFrame mit display:none ausblende?
Also wenn ich z.B. einen Button auf Seite 2 betätige führt das dazu, dass für den Button auf Seite 1 die click() Methode ausgeführt wird.
ZitatAlso wenn ich z.B. einen Button auf Seite 2 betätige führt das dazu, dass für den Button auf Seite 1 die click() Methode ausgeführt wird.
Eigentlich kein Problem, aber leider wäre das, genau so wie das Auslesen des HTML, ein Cross-Domain-Zugriff und würde genau so vom Browser abgewiesen.
Was man versuchen könnte, ist, einen URL-Parameter beim Einbinden an die Seite 1 zu übergeben, die das Speichern veranlasst. Werde ich versuchen ...
Manche sagen ja, "geht nicht - gibt's nicht" und das mit dem URL-Parameter funktioniert tatsächlich:
Seite 2 mit dem Button:
<!doctype html>
<html lang="en">
<head>
<title>Test download</title>
<meta charset="utf-8">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="html-docx-js-master/dist/html-docx.js"></script>
<script src="js/download.js"></script>
</head>
<body>
<iframe id="iframe" src="save-as-docx-content.html"></iframe>
<button onclick="save();">Als DOCX peichern</button>
<script>
function save() {
$("#iframe").attr("src", "save-as-docx-content.html?save=true");
}
</script>
</body>
</html>Seite 1 mit der Tabelle:
<!doctype html>
<html lang="en">
<head>
<title>Test download</title>
<meta charset="utf-8">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="html-docx-js-master/dist/html-docx.js"></script>
<script src="js/download.js"></script>
</head>
<body>
<table id="table">
</table>
<script>
document.getElementById("table").innerHTML = "<tr><td>Zelle 1</td><td>Zelle 2</td></tr>";
function save() {
var thehtml = $("html");
thehtml.find("script").remove();
var doc = '<!doctype html><html>' + thehtml.html() + '</html>';
var converted = htmlDocx.asBlob(doc, { orientation: 'portrait' });
download(converted, "specification.docx", "application/vnd.openxmlformats-officedocument.wordprocessingml.document");
}
if (window.location.href.indexOf("save=true") != -1) save();
</script>
</body>
</html> Sempervivum coole idee. Das könnte man öfters gebrauchen
Funktioniert jetzt alles super vielen Dank 
Wenn ich nun noch mehr Fragen bekomme zu meinem Projekt sollte ich dann lieber ein neues Thema erstellen? Hat ja letztendlich nicht mehr viel mit dem Ursprungsthema zu tun.
Nimmt sich nicht viel. Bisher bezog sich ja alles auf das Speichern. Wenn es ganz etwas anderes ist, kannst Du ja einen neuen Thread anfangen.
Du kannst natürlich das gespeicherte Dokument von Hand per Email versenden, aber ich verstehe dich so, dass Du dies automatisch durch Knopfdruck tun möchtest.
Verstehe ich dich richtig, Du möchtest das Dokument von Seite 1 mit der Tabelle, die aus dem Localstorage generiert wird, verschicken?
Dann ist es auf der einen Seite u. U. einfacher, weil dann die Cross-Domain-Probleme nicht auftreten. Normaler Weise braucht man zum Verschicken einer Email PHP, aber man könnte es u. U. auch mit der mailto-Funktion machen. Das setzt dann voraus, dass die Person, die das Formular verschickt, einen Email-Client installiert hat,
Auf der anderen Seite sehe ich das Problem, dass Du das ganze lokal haben willst. Bei der empfangenden Person muss das Ganze ja wieder in eine HTML-Seite eingetragen werden und die liegt im Dateisystem u. U. ganz woanders.
OK, dann geht es zunächst mal nur darum, die Seite zu speichern, dann zu verschicken und sicher zu stellen, dass die Formularfelder wieder richtig ausgefüllt sind, wenn der Empfänger die Seite gespeichert und geöffnet hat. Man müsste nur das Array mit den Werten in der Seite einbetten, so dass es mit verschickt wird und beim Empfänger wieder auslesen. Ich werde so etwas ausarbeiten ...
So, ich habe mal das Grundprinzip fertig gestellt:
<!doctype html>
<html lang="en">
<head>
<title>Test download</title>
<meta charset="utf-8">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="js/download.js"></script>
<script id="formdata"></script>
</head>
<body>
<button onclick="savehtmlformdata();">Als HTML mit Formulardaten speichern</button>
<button onclick="readhtmlformdata();">Formulardaten lesen</button>
<input name="input1">Input 1
<input name="input2">Input 2
<input name="input3">Input 3
<input name="input4">Input 4
<script>
function savehtmlformdata() {
var formdata = {};
$("input").each(function (idx, item) {
formdata[item.name] = item.value;
});
$("#formdata").text("var formdata = " + JSON.stringify(formdata)) + ";";
var thehtml = $("html");
var doc = '<!doctype html><html>' + thehtml.html() + '</html>';
download(doc, "form-data.html", "text/html");
}
function readhtmlformdata() {
for (key in formdata) {
$("input[name='" + key + "']").val(formdata[key]);
}
}
</script>
</body>
</html>Mit "Als HTML mit Formulardaten speichern" kann man die Seite mit eingebetteten Formulardaten speichern und ggf. per Email verschicken. Öffnet sie der Empfänger, kann er mit "Formulardaten lesen" die eingebetteten Daten in die Eingabefelder eintragen.
Letzteres kann man natürlich auch automatisch beim Laden der Seite machen.
Dies setzt voraus, dass der Empfänger die selbe Umgebung mit lokalem jQuery und download-Skript hat. Ist das nicht der Fall, ist es kein Problem, die Skripts in der HTML-Datei einzubetten.
Prüfe, ob das in die Richtung geht, die Du brauchst.
Verstehe, nicht nur die Inhalte bzw. values sind dynamisch, sondern auch der Aufbau des Formulars. Mit JSON.stringify kannst Du, genau so wie ich es gemacht habe, dein Array in ein script-Tag eintragen und auf diese Weise übertragen. Und beim Empfänger wieder einlesen. Versuche es und wenn Du nicht zum Ziel kommst, dann poste die Struktur des Arrays.
Der Code sieht OK aus. Hast Du auch das script-Tag angelegt?
<script id="formdata"></script>Wenn ja, sieh dir den Quelltext der gespeicherten Seite an. Ist dort dieses script-Tag mit Inhalt gefüllt?
Kommen in der Console irgend welche Fehlermeldungen?
Oh man bin ich dämlich...ich habe das script-Tag vergessen. Ein weiteres mal vielen Dank, es funktioniert jetzt. Ich komme auf dich zurück, falls ich wieder Hilfe benötige 
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!