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

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

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


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


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

Сообщений 101 страница 120 из 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

Перевести101

Deff
это поправила)

0

Перевести102

Кроме Админов и модеров в этой строке не может быть никого,
Может быть либо [1], либо [1,2] (Эта строка кому можно создавать Шаблоны Анкет, создание(заполнение) же Анкет доступны для любого юзера, имеющего вход в данный форум(Ограничение на создание(заполнение) самих Анкет ставится только в Доступе групп к форуму с Шаблоном Анкет, в Админке) Администрирование - Форумы - нужный редактировать

0

Перевести103

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

Deffэто поправила)

Замените Код Для Создания Анкет

<!-- Скрипт для создания анкет © Alex_63 -->
<script type="text/javascript">
var Questnr = {};
Questnr.groups = [1,2]; //Группы, которым разрешено создавать шаблоны для анкет
Questnr.forums = [3]; //Форумы с допуском к анкетированию
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>
<style>.questionary-post #button-image + td[id="button-image"]{display:none!important;}</style>

0

Перевести104

В Этой строке не может быть этих Групп!!!
Questnr.groups = [1,4,26]; //Группы, которым разрешено создавать шаблоны для анкет
(Шаблоны могут создавать ток модеры или Админы

0

Перевести105

...

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

0

Перевести106

бланш
:glasses:  А еще раз ссылку на тему с Шаблоном... а то я чот запутался... (Шаблон желательно один...

0

Перевести107

...

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

0

Перевести108

...

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

0

Перевести109

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

http://soslow.rusff.ru/viewtopic.php?id=198#p29383 этот)

Ок - С отправкой под юзером и br разберусь завтра (Походу виноват скрипт HTML нун поправить
По запоминание при бновлении страницы, - пока отложим до правки первых двух

0

Перевести110

...

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

0

Перевести111

бланш
Замените код из поста 103 ( поправил Пост 103 и скрытие второй кнопки(старой) вставки картинки, и должны BB-теги появится под юзером)
Проверьте редактирование Шаблона Анкеты... к примеру добавьте поле textarea во вторую вкладку Анкеты: - тут Ваш характер

По поводу <br> (перевод строк):
Попробуйте(При редактировании Шаблона Анкеты) обернуть все теги [textarea]  в теги <pre>
Пример:

<pre>[textarea width=500 height=300]тут ваша биография[/textarea]</pre>

+2

Перевести112

...

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

0

Перевести113

бланш
Я не оч уверен что получиться - но завтра попробую... Вы пока попробуйте заполнить Анкету полями полностью..  (По идее и в табличке (плюсы и минусы характера) тоже должно вокнуться по тегу [textarea]
Cуть в том, что в справочнике по HTML говорится что для этого(для сохранении при обновлении страницы) атрибуты на полях ввода должны быть постоянно и сами теги должны быть статичны на страницы - а не вставлены скриптом (но попробую)

0

Перевести114

...

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

0

Перевести115

...

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

0

Перевести116

бланш
Ну обернуть элемент в тег и в теге прописать
для техтареа margin можно добавть на тег <pre>
<pre style="margin:-23px auto 23px auto">

------------------
Cтоит прописывать именно так margin:-23px auto 23px auto - дабы не смещались нижние элементы (цифры красным - равные, но противоположные по знаку

По идее, перед последним техтареа

[textarea width=500 height=40]Здесь заполняете в свободной форме. Укажите место рождения, профессию и место работы, перечислите членов вашей семьи и, если она есть, укажите вашу пару. Не забывайте выделять ваш ответ жирным[/textarea]

Имеет смысл поставить тег <br>(или несколько) и вы его забыли обернуть в теги <pre>

+2

Перевести117

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

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

Ну вставляете ссылку, выделяете и жмете кнопку картинки (Спецом же даны кнопки) (Как обычно в сообщении на форуме

+1

Перевести118

...

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

0

Перевести119

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

честно говоря, не хотелось бы так...

Вариант:
Синим добавка к текущей картинке, следом ставим инпут для ввода Авика

<img src="http://savepic.su/6945673m.gif" onload="if($(this).next().text().match(/(?:png|gif|jpg)$/i))this.src=$(this).next().hide().text()"><pre class="Ava-th" style="margin...">[input width=170]Ccылка на фото звезды[/input]</pre>

+1

Перевести120

...

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

0


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