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

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

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


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


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

Сообщений 61 страница 80 из 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='https://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

61

Oriel
Мну сейчас не с компа.. как будет возможность протестить - гляну

0

62

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

Oriel
Мну сейчас не с компа.. как будет возможность протестить - гляну

Хорошо. Мне нужно создать для вас аккаунт?

0

63

Oriel
Напомните через неделю, пока ни наю когда буду с компа... сейчас аккаунт пока не нужен

0

64

...

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

0

65

бланш написал(а):

+ восстановили скрипты и спойлер вновь не хочет работать вместе с этим кодом(

1. Там у Вас нужно убрать билиотеку из кода сообщения: (Пост 2 http://soslow.rusff.ru/viewtopic.php?pid=20176#p20176 (Спойлер работает из без этой добавки!!)

Нужно удалить красное

<!--HTML--><script type="text/javascript"src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script><script type="text/javascript" src="http://wttp.ucoz.ru/sooo/11.js"></script><center><div class="vse"><div class="name">

<!--1 Имя Фамилия вашего персонажа на англ.-->
Name Surname

<!--2 далее находите ссылку и меняете на квадратное изображение (можно гифку) с внешностью Вашего персонажа, не менее 150*150-->
</div><div class="foto"></div><div class="foto2">

<img src="http://savepic.su/6945673m.gif">

</div><div class="star"> <font size=2>looks like</font><br>

<!--3 Имя Фамилия внешности вашего персонажа на англ.-->
Name Surname

</div><div class="citata">

<!--4-->
Тут ваша цитата

</div><div> <a href="" class="spoiler_links"><div class="knopka">информация о персонаже</div></a><div class="spoiler_body"><div class="kodtabs"><div class="kodtab"><input type="radio" id="kodtab-1" name="kodtab-group-1" checked><label for="kodtab-1">биография</label><div class="kodcontent kodscroll">

<!--5-->
Тут ваша биография

</div></div><div class="kodtab"><input type="radio" id="kodtab-2" name="kodtab-group-1"><label for="kodtab-2">характер</label><div class="kodcontent kodscroll"><table style="text-align: center;"><tbody><tr><td><div class="xarakter">плюсы</div></td><td><div class="xarakter">минусы</div></td></tr><tr><td>

<!-- 6 тут пишете плюсы характера -->
►<br>
►<br>
►<br>
►<br>
►<br>

</td><td>

<!-- 7 тут пишете минусы характера -->
►<br>
►<br>
►<br>
►<br>
►<br>

</td></tr></tbody></table>

<!--8-->
Тут ваш характер

</div> </div><div class="kodtab"><input type="radio" id="kodtab-3" name="kodtab-group-1"><label for="kodtab-3">пост</label><div class="kodcontent kodscroll">

<!--9-->
Тут ваш пост

</div></div></div></div><div class="infa1"><table width="100%"><tbody><tr><td style="width: 47%;padding: 0em 0em !important;"><div class="td1">

<!--10-->
Полное имя на русск.

</div></td><td style="width: 25%;padding: 0em 0em !important;"><div class="td2">

<!-- 11 возраст цифрой, дата рождения и знак зодиака -->
00 (ДД.ММ.ГГ) ♈

</div></td><td style="width: 28%;padding: 0em 0em !important;"><div class="td3">

<!--12-->
ориентация

</div></td></tr><tr></tr></tbody></table></div><div class="infa2">

<!--13-->
Здесь заполняете в свободной форме. Главное, укажите место рождения, профессию и место работы, перечислите членов вашей семьи и, если она есть, укажите вашу пару. Свои ответы не забывайте выделять тегами &lt;b&gt;ваш ответ&lt;/b&gt;.

</div><div class="infa"><br><br><br><div class="svyaz"><img src="http://wttp.ucoz.ru/sl-oform/svyaz.png">

<!--14-->
связь

<img src="http://wttp.ucoz.ru/sl-oform/svyaz.png"></div></div> </div></center>

И из всех кодов(Для HTML В Сообщениях) с подобным спойлером
Библиотека изначально есть от сервиса - вставляя вторую - создаёте конфликт скриптов
2. Пересохранить все все Анкеты (после уборки красного из данных сообщений, - вновь зайти вновь на страницу и Редактировать и Сохранить)

0

66

Deff
Походу не поможет, нун чот еще делать

0

67

Alex_63
Я Выкладывал в  теме( http://hostjs.mybb.ru/viewtopic.php?id=58 полный код, что чел вставлял в в сообщение) - у меня он работал при удалениии библиотеки (Главное удалить все библы, хоть одна на странице портит скрипт Анкет там два  поста с библой

+1

68

Deff
Ок, ну хорошо, если так

0

69

...

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

0

70

бланш
Ссылку на пост с проблемой - клик по дате в сообщении (возможно вы удалили не только библиотеку)

+1

71

...

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

+1

72

бланш
Вроде поправил, http://soslow.rusff.ru/viewtopic.php?id=198#p29383 ?
Если поправки не видно = потыкайте и обновите несколько раз страницу с  этой ссылку https://forumstatic.ru/files/0015/c4/3f/45857.js - должно исправиться
Попробуйте вставлять теги textarea(вставкой меню анкеты) прямо в HTML код Шаблона Анкеты, заменяя, к примеру =>  Тут ваша цитата  на тег textarea(из меню анкеты)  с данным пояснением (Тут ваша цитата)

Затем:  Тут ваша биография  на тег textarea(из меню анкеты)  с данным пояснением (Тут ваша биография). Должно в итоге быть сразу оформление Анкеты идти в Вашем HTML обрамлении(Ну и итог тоже)

+1

73

...

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

0

74

:glasses: Ксать цитату (Тут ваша цитата ) наверно мон инпутом вставлять - будет красивше (Либо высоту конкретного техареа сделать фиксированной и меньше (там есть установка высоты- ширины при вставке)

+1

75

...

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

0

76

бланш написал(а):

последний вопрос: могу я поменять стиль поля ввода? или вовсе сделать контейнер прозрачным, чтобы человек сразу видел, как будет выглядеть анкета после отправки?

Ну да, у Шаблона свой собственный класс
.questionary-post

Cелектор для textarea
.punbb .questionary-post textarea {
  /*Тут коды стиля*/
}

+2

77

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

или вовсе сделать контейнер прозрачным,

Ну совсем прозрачным не оч удачная мысль, ибо вставка в техтареа - BB-тегами - которые сразу не отразятся - к примеру картинки, или жирность, наклон и т.д.
Там есть установка - возможности редактирования Анкеты, отправил - посмотрел - подредактил уже в простом режиме

0

78

бланш
Ксать вы зря не поставили ниже скрипта Анкет вставку BB-тегов - см пост со скриптом <!-- Анкета: Добавка кнопок BB-тегов к textarea --> (Cтавим сразу Следом за скриптом Анкет в HTML верх)

0

79

...

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

0

80

Deff
и спасибо вам пребольшое! с textarea разобралась, а сам шаблон - прям исполненная мечта ролевика :D

+2


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