Asynchrones Laden von Form im Bootstrap-Modal von externem Skript

Ich habe ein Problem beim Laden eines Formulars in einem Bootstrap-Modal. Ich verwende einen Dienst namens Formstack, um ein Formular in meine Website einzubetten. Der mir zur Verfügung gestellte Einbettungscode verwendet ein externes Skript, um das richtige CSS, HTML und JS in meine Seite zu laden. Das Problem ist, dass ich 10K + Warnungen in meiner Browser-Konsole bekomme, sobald die Seite geladen ist. Alle Warnungen sind gleich. Jede Warnung lautet:Asynchrones Laden von Form im Bootstrap-Modal von externem Skript

Fehler beim Ausführen von 'Schreiben' in 'Dokument': Es ist nicht möglich, in ein Dokument von einem asynchron geladenen externen Skript zu schreiben, wenn es nicht explizit geöffnet wird.

Hier ein Link zu dieser Javascript-Datei ist: https://trustdale.formstack.com/forms/js.php/business_contact

am externen Javascript-Suche beginnt jede Zeile mit document.write. Ich weiß nicht, ob es wichtig ist, aber ich lade das Formular in einem Bootstrap-Modal. Beachten Sie auch, dass das Formular völlig in Ordnung ist ... es sei denn, ich verpasse etwas. Wie würde ich mein Formular ohne alle Warnungen laden?

Quelle

2016-12-16 amcardwell

FYI: Ich habe dies für den letzten Tag recherchiert ... und ich konnte nichts im Zusammenhang mit dieser Frage wegen der Tatsache finden, dass ich ein externes Skript lade, das ich nicht ändern kann, da es erzeugt wird dynamisch. – amcardwell

"Wie würde ich mein Formular ohne alle Warnungen laden?" - Sie müssten das Skript ändern ... was nicht möglich ist, da es sich um eine dritte Partei handelt, die geliefert und gehostet wird. – Quentin

Ich fand es heraus ... Ich verstehe es noch nicht, aber ich stolperte über diese https://github.com/krux/postscribe, die scheint, um meinen Code arbeiten zu lassen. Ich habe eine leere div in meinem Modal mit der ID #formCode, legte dann diesen Abschnitt des Codes in meiner Fußzeile:

<script> 
     $(function(){ 
      postscribe('#formCode', '<script src={!! $contact_form !!}><\/script>'); 
     }); 
</script>

$ CONTACT_FORM enthält nur den Wert meiner Skript „src“ -Attribut.

Wieder, weiß nicht, wie es funktioniert, tut es einfach. Vielleicht könnte jemand erarbeiten

Quelle

2016-12-16 17:11:19 amcardwell

Asynchrones Laden von Form im Bootstrap-Modal von externem Skript

Antwort

Verwandte Themen