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

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

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


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


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

Сообщений 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


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