Как в одну страничку вставить другую?

Question

[zlodiak]

Пытаюсь одну простейшую страничку вставить в другую. Вот так страничка, которую нужно вставить. Вот страничка в которую она вставляется.

Если кратко, то вот что там происходит:

• 1. целевая страничка парсит исходник то, которую вставляют
  
• 2. превращает то что напарсило в DOM-дерево
  
• 3. ищет в этом дереве элементы script и link
  
• 4. корректирует им атрибуты, в которых содержится путь
  
• 5. вставляет обновлённые элементы scrupt и link, а так же прочую разметку в тело целевой странички
  

Таким образом в результате получаем весь критически важный код странички, вставленным в тело целевой странички. Проблема в том, что скрипты не отрабатывают (это видно по отсутствию сообщений в консоли и по тому, что клик по div не вызывает появление алерта). При этом стили отрабатывают без проблем.

Посоветуйте пожалуйста как заставить скрипты работать

PS:
важно то, что в этом простом примере я не реализовал обход блокировки кроссдоменного запроса так как это не быстро и вообще не относится к сути моей проблемы. Если у вас браузер будет ругаться, то можно на время установить хром-плагин, который разрешает кроссдоменные запросы

Comments

[zlodiak]

SmInc, я умею настраивать кроссдоменные запросы, это смежная задача. Здесь я ей не занимаюсь. Специально написал же выше об этом

Кроме того я воспроизводил ту же самую ситуацию на локалхосте. А там, как понимаешь, домен один и тот же

[zlodiak]

SmInc, я тебе выше уже сказал, что воспроизводил ту же самую ситуацию в пределах одного хоста и проблема оставалась. Про какие ещё кирпичики ты говоришь? Помешался рассудком?

Answer 1

[Interface]

Если я все правильно понял (код не смотрел), вы можете вставить верстку, но скрипты не отрабатывают. Такое бывает при вставке через innerHTML, например. Это можно довольно просто решить вручную выполнив скрипты через eval. Почитайте тут: https://stackoverflow.com/questions/1197575/can-sc...

Comments

[zlodiak]

Спасибо, если ничего не придумаю, то придётся мучить eval

[zlodiak]

Interface всё таки по вашей ссылке не совсем то, что нужно. Там рассказывается о возможности выполнить код, заключённый в теги script. но в моём случае такого кода нет, у меня есть script, в атрибуте src которого есть ссылка на код. Как выполнить код по этой ссылке я не представляю

[Interface]

zlodiak, а вы не могли бы где-то поднять работающий стенд настолько насколько это происходит у вас? То есть у себя в браузере я вижу

GET http://localhost/WIDGETS/body_widget/0_default/ net::ERR_CONNECTION_REFUSED

Дайте в каком-то виде страничку на которой работает кроме скриптов. Я посмотрю поближе на проблему, мб смогу подсказать что-то

[zlodiak]

Interface, ну если вам не лень возиться с моим сомнительным кодом, то вот эти 2 странички на гитхабе: https://github.com/zlodiak/widget_v1

чтобы воспроизвести ситуацию их просто нужно поместить на какой-нибудь локалхост

сейчас там более-менее всё работает, но на основе setTimeout. а это, как понимаете, совсем не решение проблемы

[Interface]

zlodiak, я покопался, скрипт рабоатает. Виджет вставляется, в консоль пишет. Возможно проблема у вас где-то на стороне сервера локального. Залейте куда-нибудь типа https://www.heroku.com/ где вы можете управлять заголовками (Gh-pages режет из-за CORS) и убедитесь, что оно работает без плагинов и тд Если проблема воспроиведется - с ней можно будет рабоать

[zlodiak]

Interface, спасибо попробую

Answer 2

[sunblossom]

А чем iframe не устраивает?

Comments

[zlodiak]

Очень затруднено сообщение(взаимодействие) между двумя документами. Например невозможно из одного документа добраться до элемента другого документа при помощи getElementById()

Answer 3

[Ernest Faizullin]

не бойтесь iframe.
А что вы пробовали? Если ничего не пробовали, то вам жалоба. Нечего засорять эфир