Опрос сторонних разработчиков на popup div

Question

Я пытаюсь загрузить сторонний опрос на всплывающее окно и его не работает. Может кто-нибудь из вас рассказать мне, где я делаю ошибку.

Это должно произойти при нажатии кнопки или href. Поэтому я создаю iframe динамически.

$('<iframe id="myFrame" name="myFrame" width="400" height="400">').appendTo('body'); 

затем загружая в него данные ..

var myIframe = document.getElementById("myFrame"); 
var script = myIframe.contentWindow.document.createElement("script"); 
script.type = "text/javascript"; 
script.src = "https://www.surveygizmo.com/s3/2296429/Advertisement-Feedback?_output=embedjs" 
myIframe.contentWindow.document.body.appendChild(script); 

любых других идей, как для того чтобы достигнуть этого, я не могу сделать вызов Ajax, как он собирается жаловаться Междоменной вещью ..

любая помощь будет оценена.

Answer 1

Проверьте консоль для сообщений об ошибках, то вы увидите:

Uncaught SyntaxError: Unexpected token <

Это означает, что у вас есть «<» где-то в JavaScript, где это не должно быть.

Теперь перейдите к https://www.surveygizmo.com/s3/2296429/Advertisement-Feedback?_output=embedjs

Обратите внимание, что это html файл, который вы пытаетесь загрузить в script тега.

Измените код следующим образом:

$('<iframe id="myFrame" name="myFrame" width="400" height="400">').appendTo('body'); 
 

 
var myIframe = document.getElementById("myFrame"); 
 
myIframe.src = "https://www.surveygizmo.com/s3/2296429/Advertisement-Feedback?_output=embedjs"

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>