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

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

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


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


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

Сообщений 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='//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 ?
Если поправки не видно = потыкайте и обновите несколько раз страницу с  этой ссылку http://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


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