Как создать встраиваемый гаджет с Javascript и PHP?

Question

Я программирую на Javascript и PHP. Я создал простой сайт, который позволяет заполнить анкету и получить результат. Теперь я хотел бы дать пользователям возможность встроить эту викторину на свой сайт. Как это сделать? Он должен работать примерно так же, как Google Gadgets, Adsense и тому подобное: чтобы, когда кто-то разместит мой html-код (с JS?) На своих сайтах, quizz отобразится и заработал на их сайте.

Знаете ли вы какие-нибудь учебники о том, как делать такие вещи, или советы для меня, как начать поиск и изучение этого?

Answer 1

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

<script> загружается синхронно и получает доступ к файлам cookie сайта, поэтому это не очень хорошее решение для встраивания.

Если вы просто попросите своих пользователей вставить <script> в то место, где они хотят, чтобы гаджет был, вы сможете сгенерировать разметку с помощью document.write (просто, работает только в HTML).

Лучший способ - попросить пользователей вызвать функцию из вашего скрипта, которая вставляет код в выбранный DOM-узел (используя W3C DOM). Это позволяет более умным веб-мастерам загружать скрипт асинхронно. SWFObject разработан так.

Answer 2

Если вам нужно использовать PHP, вы можете попросить сервер проанализировать файл .js как PHP:

<Files quiz.js>
    ForceType application/x-httpd-php
</Files>

В файле quiz.js используйте код PHP для получения вопросов из базы данных или чего-либо еще. Затем установите заголовки MIME-типа в Javascript и выведите код Javascript.

Хотя, как говорит porneL, использование iframe проще. Это то, что делают гаджеты Google.