Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Новые возможности форумов » Скрипт для создания анкет (новая версия)


Скрипт для создания анкет (новая версия)

Сообщений 1 страница 20 из 438

1

По многочисленным просьбам, для ролевых форумов реализован новый скрипт анкет,Спасибо Герде за инициативу и стимулирование создания новой версии!                     

Скрипт для создания анкетНовая версия

(Шаблон АнкDEMO (Шаблон анкеты) 
Анкета (Итог)

http://s6.uploads.ru/qIWjv.png

1. Позволяет создавать нужные типы полей для ввода текста: input и textarea, select и checkbox с заранее заданными пунктами на выбор.
2. Позволяет автоматически задавать название анкет связанное с именем ника, либо с именем нового персонажа, вводимого юзером, либо постоянным именем для всех анкет, либо с именем полностью задаваемым заполнящим анкету.
3. Позволяет создавать анкеты либо отдельной темой, либо присоединяемыми постами к шаблону анкеты. Можно создавать неограниченное число независимых шаблонов анкет в прописанных заранее форумах!
4. Позволяет помечать обязательность некоторых(или всех) полей для заполнения.
5. Позволяет пользователю вставлять в поле textarea BB-теги  http://s3.uploads.ru/t5xo2.jpg (см. дополнение к скрипту)  /Ссылки вставляются обычным текстом, они автоматически преобразуются сервисом/
6. Позволяет разбивать длинную анкету на несколько частей, последовательно открываемых по заполнении нужных полей

ВСТАВКА КОДА:

В HTML верх

<!-- Скрипт для создания анкет © Alex_63 -->
<script type="text/javascript">
var Questnr = {};
Questnr.groups = [
1,2]; //Группы, которым разрешено создавать шаблоны для анкет
Questnr.forums = [1,4,26]; //Форумы с допуском к анкетированию
Questnr.title  = 'Анкета от '; //Начало заголовка темы с анкетой (по умолчанию)
Questnr.noedit = 1; //Запрет редактирования заполненной анкеты пользователем
</script><script type="text/javascript">
['viewforum','viewtopic','post','edit'].indexOf($('.punbb')[0].id.substr(4))!=-1&&
$().pun_mainReady(function(){var s='script',l='http://forumfiles.ru/files/0015/c4/3f/45857.js';
var f=$('#pun-viewforum').length?$('link[rel="alternate"]'):$('.crumbs a[href*="viewforum"]:last');
f=+f[0].href.match(/id=(\d+)$/)[1];Questnr.forums.indexOf(f)!=-1&&document.write('<'+s+' src="'+l+'"></'+s+'>')});
</script>

Красным Ваши настройки для скрипта анкет.


Дополнение: Кнопки BB-тегов над многострочными полями в анкете
http://sg.uploads.ru/5lKMI.png
В HTML верх:

<!-- Анкета: Добавка кнопок BB-тегов к textarea -->
<style>
.new[id=form-buttons]{max-width:104px}.new[id=form-buttons] table{margin:0}
.new[id=form-buttons] td{border:0 none transparent!important; height:24px;padding:0!important}
</style>

<script type="text/javascript">
if(GroupID != 3)$(function() {var button_tbl = $('#post #form-buttons').clone().addClass('new');
  button_tbl.find('#button-image>img')[0].setAttribute('onclick','bbcode(\'['+'img]\',\'[/img]\')');
  button_tbl.find('td:not(#button-bold):not(#button-italic):not(#button-underline):not(#button-image)').remove();
  button_tbl.insertBefore('.questionary-post textarea');
  $('.new[id="form-buttons"]').on('mouseenter',function() {
     var area = $(this).next('textarea');if(!area.length){area = $(this).next().find('textarea');}
     $('.questionary-post').find('textarea').removeAttr('id');
     if(area[0].id!='main-reply')area.attr('id','main-reply');
  }).on('mouseleave',function(){$('.questionary-post textarea').removeAttr('id');});
});
</script>

СКРИНШОТЫ

Вид кнопки создания шаблона анкет в прописанных в скрипте форумах

http://s3.uploads.ru/8Nqxy.jpg



Вид панели управления создания шаблона анкеты

http://s2.uploads.ru/evoS4.jpg



Развернутый вид меню панели управления создания шаблона анкеты

http://sh.uploads.ru/T16dA.jpg

СОЗДАНИЕ ШАБЛОНОВ АНКЕТ, ПОЯСНЕНИЯ

Для создания в определенном форуме шаблона анкеты, должна быть создана хотя бы одна тема.
http://sf.uploads.ru/DzUlY.jpg


Начало работы происходит в левой части панели управления создания шаблона анкеты (элементы управления 1-3)

Элементы управления:
1. Радиокнопки переключения варианта создания анкет(создавать новую тему/добавлять пост в текущую)
2. Меню для выбора варианта создания заголовка анкеты
3. Кнопка вставки управляющего тега, определяемого ваш выбор элементов управления 1 и 2 (Где создавать анкету и формат заголовка)
PS: Простановка своего варианта начала названия темы в шаблоне анкеты:
[input topic-name=Анкета от ...]
В первом теге в шаблоне выставлено имя темы по умолчанию (см. пример выше), заменяем в очередном шаблоне на нужное


11. Заполните название (очередной) темы с шаблоном анкеты (К примеру шаблон анкеты к сюжету «Альфа и Омега»)


12. Форма ответа, создающая шаблон анкеты


Вставка тегов:  input и textarea, select и checkbox
4. Осуществляем выбор нужного элемента в выпадающем меню №4
5. Вписываем поясняющий текст, отображаемый внутри выбранного элемент, input под номером 5
6. Прописываем размеры выбранного элемента, поле (поля) под номером 6. Размеры прописываются числом, подразумеваются пикселы!
(Ширину можно также указывать в процентах.)
7. Флажок выбора обязательности заполнения вставленного элемента пользователем (Если обязательный элемент не заполнен - анкета не отправляется)
8. Кнопка вставки выбранного элемента в форму создания шаблона


9. Разделитель анкеты на части.
Если применяем тег разделения [part], то его необходимо вставлять перед каждой частью анкеты, включая первую!
http://sf.uploads.ru/t/aLKsx.jpg


10. Вставка обрамляющих тегов пояснения (пояснения не включаются в отправляемую анкету, заполненную юзером)


P.S.: Все теги input и textarea, select и checkbox можно оборачивать в любые теги, кроме textarea, для которого исключения теги: [b][/b], [i][/i], [u][/u], [img][/img],
которые может вставить сам пользователь в поле textarea через кнопки вставки:
http://s9.uploads.ru/4SQqk.png

ДОПОЛНЕНИЯ

Разрешаем отправку ответов в некоторых темах в анкет-форумах
В HTML верх ниже основной части скрипта анкет:

<script>
Questnr.allowReply = [ 17,28 ];// ID тем в анкет-форумах, где разрешено отвечать юзерам
</script>

Если нужно вернуть форму ответа во всех темах анкет-форумов, -
код будет выглядеть так:

<script>
Questnr.allowReply = [+$('link[rel="alternate"]')[0].href.match(/id=(\d+)$/)[1]]; //текущая тема
</script>


Тестируем, отписываемся о работе скрипта!

+9

2

http://arkania.rolebb.ru/viewtopic.php?id=85#p4619
что-то не то сделала наверно...

На этой странице возникла ошибка при загрузке

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

Попробуйте следующее
•Перейти на мою домашнюю страницу
•Открыть в новой вкладке

но это только в Microsoft Edge. В Хроме нормально.
во только сообщение по шаблону не получилось(

0

3

Alex_63
кажется я знаю с чем я напутала. я потом редактировала анкету и... код в тегах "код" наверно не совпадает с тем, что с сообщении выше. (код в тегах был обезврежен и получилось черти-что)

Alex_63 написал(а):

Уберите из HTML- формы ответа

может быть какой-то конфликт? а можно как-то для этого скрипта обезвреживания сделать исключение? или это слишком муторно?
Добавлено спустя 4 минуты 27 секунд:
Alex_63
Мне понравился скрипт! Хотя я не совсем еще разобралась :cool:  :cool:  :cool:
Добавлено спустя 17 минут 26 секунд:
Код обезвреживания убрала и страница грузится без проблем. :cool: но с отправкой анкеты я не знаю что творится

Отредактировано Lidia-Lada (Пт, 8 Июл 2016 13:38:42)

+1

4

Lidia-Lada написал(а):

может быть какой-то конфликт? а можно как-то для этого скрипта обезвреживания сделать исключение?

Да, конфликтует... пока не наю, как править,  посколь скрипт обезвреживания срабатывает раньше, чем скрипт анкеты может как-то изменить блок код
В Принципе у Вас в HTML в форме ответа нет иных скриптов - обезвреживание там не нужно

0

5

Alex_63
Ну абракадабра при отправке получается.
HTML-низ и верх я скопировала на тестовый форум http://arkania.rolevaya.com/ Сама анкета - http://arkania.rolevaya.com/viewtopic.php?id=18#p131
Я так понимаю, что стоит сделать стандартную процедуру: убрать все и добавлять каждый скрипт по одному?

Отредактировано Lidia-Lada (Пт, 8 Июл 2016 14:26:39)

0

6

Lidia-Lada написал(а):

но с отправкой анкеты я не знаю что творится

Убирать из HTML в Форме Ответа! А в HTML низ - оставить, там не мешает (* И Отправка анкеты заработает

0

7

Alex_63
Извините! Простите. запуталась с окнами тестового и основного форума  :'(

0

8

Lidia-Lada
:glasses: Верните все как было и поставьте поправку от Deff - должно заработать..
Чуть позже обновлю скрипт - отпишу, потом уберете поправку

0

9

Alex_63
Deff
Спасибо. Все отправляется, все хорошо.  :cool:  :cool:  :cool:
Главное не забывать, что тему с шаблоном лучше не ломать :rofl:
Хотя если полностью весь код скопировать в первое сообщение из бывшего ранее первым, то все нормально)

Отредактировано Lidia-Lada (Пт, 8 Июл 2016 14:49:10)

+1

10

Обновил скрипт анкет, внес поправки
1. Исправлен конфликт с скриптом обезвреживания новых тегов в блоке "Код"
2. Исправлен расчет ширины текстовых полей (input) с autosize, теперь учитываются margin и padding элемента.
3. Общие незначительные правки

+2

11

Alex_63
У меня после кнопки много места потом остается... 200пиксел где-то.
Решить хотела только в этом сообщении

<style>
#p363-content .cnt-part {
    min-height: 1568px;
}
</style>

но что-то ничего не произошло

0

12

Lidia-Lada
Ссылку можно на страницу с проблемой ? (видную гостю)

+1

13

Lidia-Lada
Ссылку на Пост с проблемой  ( Дефф опередил

0

14

Ссылку можно на страницу с проблемой

http://arkania.rolebb.ru/viewtopic.php?id=17#p363

0

15

Цифру регулируем

<style>
#p363 .post-box{
    height: 1310px!important;
    max-height: 1310px!important;
    overflow:hidden;
}
</style>

http://s2.uploads.ru/Am6uE.jpg

0

16

Lidia-Lada
Сделайте скрин, ткните стрелкой - где лишнее расстояние (Посколь сейчас если убрать правки - вроде норма

0

17

На счет

Lidia-Lada написал(а):

У меня после кнопки много места потом остается... 200пиксел где-то.

пока что разбираюсь.

Alex_63
а можно к ББ-кнопкам к textarea добавить кнопку "Ссылка"?

0

18

Lidia-Lada написал(а):

а можно к ББ-кнопкам к textarea добавить кнопку "Ссылка"?

Простая Ссылка проставляется по умолчанию,  просто ссылкой
2. Ссылку со вставкой обрамления Можно скопировать их формы ответа ниже, не так часто ссылки
3. Можно разбить на два тега инпут со ссылкой и инпут с описанием

Код:
[url=[input]Тут Ссылка[/input]][input]Тут текст к ссылки[/input][/url]

0

19

Lidia-Lada
Ссылки можно вставлять "как есть" в textarea, они автоматом преобразуются в кликабельные ссылки при отправке

0

20

Deff, Alex_63!
Спасибо за эти идеи с ссылками.

Итак, на счет http://arkania.rolebb.ru/viewtopic.php?id=17#p363
У меня в Хроме и других браузерах расстояние от кнопки к низу стало как надо после:

<style>
#p363-content {
    min-height: 1350px!important;
    max-height: 1350px!important;
    overflow:hidden;
}
</style>

0


Вы здесь » Единый форум поддержки » Новые возможности форумов » Скрипт для создания анкет (новая версия)