Как встроить анкету на сайт?
Чтобы активировать функционал анкетирования на сайте образовательной организации, необходимо разместить на любой странице сайта следующий код:
<!-- Стили, используемые для оформления анкеты. Можете заменить на свои. --> <link rel="stylesheet" href="http://www.kcioko.ru/css/kcioko2/polls.min.css"/> <!-- Отключите загрузку jQuery здесь, если на вашем сайте jQuery уже используется --> <script src="http://www.kcioko.ru/js/jquery-1.8.1.min.js"></script> <script data-main="/js/polls/hsrf_ajax.min.js" src="http://www.kcioko.ru/js/require-2.1.19.min.js"></script> <script>require.config({baseUrl: 'http://www.kcioko.ru/js/polls'})</script> <script> PollUnit = { config: { orgId: '', // код вашей организации blank: 'form1', results: 'results', target: '#poll_container' } } PollUnit.loadTimeout = setTimeout(function() { $('#poll_container .alert').removeClass('alert-info').addClass('alert-danger'); $('#poll_container .alert').text('Ошибка загрузки: нет ответа от сервера.'); }, 10000); </script> <div id="poll_container"> <div class="alert alert-danger" role="alert" id="messages" style="display: none;"> <button type="button" class="close" aria-label="Close"><span aria-hidden="true">×</span></button> <div class="content"></div> </div> <div class="alert alert-info" role="alert"> <p><img src="http://www.kcioko.ru/img/helpers/waiting.gif" alt="" class="rspace" align="left"/> Подождите идет загрузка...</p> </div> </div>
Обратите внимание, что анкета встраивается в код вашей HTML-страницы непосредственно, как составная ее часть. Убедитесь, что на целевой странице достаточно места для размещения такого объемного контента. Кроме того, минимальная необходимая ширина анкеты составляет 640 пикселей.
Вы можете придать собственное оформление элементам анкеты, заменив файл стилей polls.min.css на другой, или оставить оформление как есть. Замена также может потребоваться, если стили анкеты вступают в конфликт со стилями вашего сайта (или наоборот).
Обратите внимание, что функционалу анкетирования для работы требуется библиотека jQuery. Если ваш сайт уже использует эту библиотеку, отключите загрузку jQuery в нашем сниппете.
Получить код вашей организации вы можете в службе технической поддержки. Напишите письмо с темой "Встраивание анкеты опроса" на ящик включите javascript!
Демонстрацию работы встроенной анкеты вы можете посмотреть здесь.