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

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

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


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


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

Сообщений 201 страница 220 из 481

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='//forumstatic.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>


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

+10

201

Deff
http://slon.rolevaya.ru/viewtopic.php?id=55#p178 анкета

Код:
[input topic-name=вампир от [you]]
1. Имя вампира: [input width=600]*(имя/фамилия, латиницей)[/input] 
2. Возраст:  [input width=600]*(на сколько выглядит/сколько на самом деле)[/input] 
3. Профессия в мире людей:  [input width=800](если есть)[/input] 
4. Должность, статус  в мире вампиров:  [input width=800](если есть)[/input] 
5. Внешность:  [textarea width=700 height=300]*[/textarea] 
6. Биография:  [textarea width=700 height=300]*[/textarea] 
7. Магические способности вампира:  [textarea width=700 height=300]*[/textarea] 
8. Магические способности древнего:  [textarea width=700 height=300](если есть)[/textarea]

+2

202

Reina_Avart
Да, есть проблема,  воспроизвел у себя  http://hostjs.mybb.ru/viewtopic.php?id=64#p9966
Напомните после 16-го числа, я попробую поправить

+1

203

Как можно заменить цвет шрифта в пояснениях, чтобы был не такой бледный?

Свернутый текст

http://s5.uploads.ru/t/vyKEP.png
http://s2.uploads.ru/t/hLioD.png
http://s4.uploads.ru/t/n73aF.png

Отредактировано Reina_Avart (Ср, 7 Сен 2016 22:49:27)

0

204

Reina_Avart
Про цвет - возможно сработает в HTML верх

<style>
.questionary-post ::-webkit-input-placeholder {color:#333;}
.questionary-post ::-moz-placeholder {color:#333;}
.questionary-post :-moz-placeholder {color:#333;}
.questionary-post :-ms-input-placeholder {color:#333;}
</style>

Поправил
2. Попробуйте после первого тега вставить пустую строку(перенос строки)

[input topic-name=вампир от [you]]

1. Имя вампира: [input width=600]*(имя/фамилия, латиницей)[/input]
...

+1

205

Alex_63
http://sh.uploads.ru/t/nOQWM.png

Сработало. Когда будет расширяться, будет совсем хорошо.

0

206

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

Попробуйте после первого тега вставить пустую строку(перенос строки)

перенос строки это у нас [br]?
Просто пропуск как Вы предложили не работает. Потому что анкете, сколько бы отступов не было, все равно все сливает в одно.

0

207

Reina_Avart
Попробуйте заменить код на такой:

[input topic-name=вампир от [you]]
[part]
1. Имя вампира: [input width=600]*(имя/фамилия, латиницей)[/input]
2. Возраст:  [input width=600]*(на сколько выглядит/сколько на самом деле)[/input]
3. Профессия в мире людей:  [input width=800](если есть)[/input]
4. Должность, статус  в мире вампиров:  [input width=800](если есть)[/input]
5. Внешность:  [textarea width=700 height=300]*[/textarea]
6. Биография:  [textarea width=700 height=300]*[/textarea]
7. Магические способности вампира:  [textarea width=700 height=300]*[/textarea]
8. Магические способности древнего:  [textarea width=700 height=300](если есть)[/textarea]

0

208

Deff
http://aeternum.rolevaya.ru/viewtopic.php?id=123#p1421
Нет. Анкета никак не реагирует. Словно там нет [part], ни [br], ни красная строка..
http://s5.uploads.ru/t/XJm6k.png
http://s2.uploads.ru/t/5Fxgc.png

0

209

Reina_Avart
Завтра мож поправим.. пока ждите

0

210

Reina_Avart
Cкопируйте ссылку при редактировании из адресного окна браузера, вставьте её в новом окне браузера и энтер

0

211

...

Отредактировано бланш (Пт, 11 Ноя 2016 02:12:01)

0

212

бланш
Ну занчит не выйдет,
Я говорил, что справочниках написано, что атрибут autocomplete действует лишь на теги уже находящиеся в исходном коде страницы, на вставленные скриптом действия атрибута не распространяется.
Скрипт атрибут поставил, вид в инспекторе:

Свернутый текст

http://s6.uploads.ru/v9J2L.jpg

Но он не работает

+1

213

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

Cкопируйте ссылку при редактировании из адресного окна браузера,

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

0

214

Deff
ох, очень жаль(( но все равно спасибо, очень выручили с анкетой) пока вопросов вроде нет

0

215

Alex_63, на счет исчезнувшей формы ответа в теме анкет. Вроде об этом шла речь в сообщении от Oriel? Это дело Вы уже у меня правили или имеется что-то еще в виду?

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

Отредактировано Lidia-Lada (Чт, 8 Сен 2016 11:17:44)

+2

216

Oriel
Про форму Быстрого ответа, - :glasses:  Lidia-Lada подсказала
Нун добавить после скрипта Анкет

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

Красным - Ваши ID тем с возможностью ответа

0

217

Alex_63
Есть возможность прописать это сразу для форумов, а не для отдельных тем?

0

218

Oriel
К сожалению, нет, ориентировано на темы... для большего нун править в скрипте, сейчас у мну возможности нет.. Напомните после 16-го, мож подумаю над этим

0

219

Буду ждать, спасибо :)

0

220

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

на счет исчезнувшей формы ответа в теме анкет

Эта перспектива всех ждет, у кого стоят анкеты, или можно миновать?

0


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