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

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

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


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


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

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

141

бланш
Замените текущий код стиля - скопировав и вставив текущую строку
.inp03{max-width:200px;word-wrap:break-word!important}
Ибо там левый символ
2-е - не делайте пустой строки между строками!! в стиле!
=================
Cтранно, у меня сейчас так:
http://sf.uploads.ru/t/MJgiv.jpg

0

142

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

А в других textarea - тоже не переносит ?да

:glasses:  Странно

0

143

...

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

0

144

...

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

0

145

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

поняла, кажется, что мы сейчас друг друга не поняли))тогда мы делали так, чтобы не приходилось вставлять бр
            я в готовом шаблоне сейчас поставила перенос строки в поле биографии, ну, просто энтер нажала, посмотрите, все работаета я сейчас спрашиваю, возможно ли сделать так, чтобы он ставился автоматически сам, без энтера, т.е. ограниченный контейнер

:canthearyou:  Фух... можно я завтра подумаю...
Пока оставьте так, как наиболее устраивает... ксать в яндекс-браузере ограничение на ширину действует

0

146

А на родительский див ограничение по ширине пробовали ставить ???
width или max-width ?
К примеру поправьте во втором окне стиля

.kodcontent { position: absolute; top: 40px; width: 540px; bottom: 0px; left: -4px; right: 0px; background: #f2ebe8; padding: 13px; font-family: calibri; text-align: justify; overflow-y: auto; overflow-x: hidden;width:560px;;word-break:break-all!important;word-wrap:break-word!important;line-height: 100%; height: auto; font-size: 12px;     border-radius: 6px; border: 3px solid #759239;  margin: 2px 7px 9px 0px; box-shadow: inset 0px 0px 29px #c1b077;}

+1

147

...

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

0

148

Deff
боже, сама разобралась, как, аллилуйя!

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

+2

149

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

про сохранение информации в полях при обновлении)

Попробуйте добавить ниже скрипта Анкет:

<!-- Скрипт для создания анкет © 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>
<script type="text/javascript">
$(function(){$('.questionary-post textarea,.questionary-post input').attr('autocomplete','on');});
</script>

+1

150

Копаюсь в шаблоне анкет
http://slon.rolevaya.ru/viewtopic.php?id=46#p169
ширина никогда не увеличивается
http://savepic.ru/11297190.png
http://savepic.ru/11292070.png
На последнем скриншоте вверху стоит оформление рамочки и кода моего форума. Как можно убрать эти завитушки?

Отредактировано Reina_Avart (Ср, 7 Сен 2016 12:18:48)

0

151

Reina_Avart
Про завитушки, - Замените код обрамления цитат

Код:
<!--Обрамление Цитат -->
<style>
.punbb .post-content blockcode,
.punbb .post-content blockquote,
.punbb .post-content .quote-box,
.punbb .post-content .quote-box,
.punbb .post-content .code-box{
border-color:transparent;
background-color:transparent;
}
.Myq_te_2,.Myq_te_1,.Myq_te_0{
border-collapse:collapse;
/*border:1px solid red;*/
padding:0;
margin:0;
}
.Myq_te_0{padding:45px 20px;}
.Myq_te_0{
background-image:url(http://forumstatic.ru/files/0017/95/26/65945.png);
background-position:top left;
background-repeat:no-repeat;
}
.Myq_te_1{
background-image:url(http://forumstatic.ru/files/0017/95/26/52388.png);
background-position:bottom right;
background-repeat:no-repeat;
}
.Myq_te_2{
background-image:url(   );
background-position:center;
background-repeat:repeat-y;
}
.punbb .post-content .quote-box .quote-box,
.punbb .post-content .quote-box .code-box{
background-color:#F0F0F0!important;
border:2px #E3E3E3 dashed!important;
}
</style>
<script>
$(".quote-box,.code-box").each(function () {
if(!$(this).parents().hasClass("quote-box","code-box")&&$(this).parents(".post-content").length){
$(this).wrap('<div class=Myq_te_2><div class=Myq_te_1><div class=Myq_te_0></div></div></div>')
}
});
</script><!-- Обрамление Цитат v2-->

0

152

Reina_Avart
2. Про ширину инпутов, - у мну с мобильного хрома норма(ширина нужная проставляется), у Вас какой браузер ?

0

153

Reina_Avart
то, что в скобках (объяснения) можно в пояснение импутов и тексареа вствалять.
Тогда акуратно и при публикации лишнего не будет)

0

154

Alex_63
Сафари

Lidia-Lada
Я пока не поняла этой темы до конца. И природа инпутов и тексареа мне не совсем еще понятна - иной язык.
Но спасибо за подсказку. Обязательно пороюсь.

0

155

Lidia-Lada
:glasses: Пояснения в тегах [expl]  не включаются в заполненную анкету, они видны ток в шаблоне при заполнении

0

156

Alex_63
Да. Посмотрела в фаер-фоксе - там стоит.
Но Сафари на макосе, к кот. я привыкла не ловит (

0

157

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

Lidia-Lada
  Пояснения в тегах [expl]  не включаются в заполненную анкету, они видны ток в шаблоне при заполнении

Кстати да, точно. Мне нужны были те, кот. видны в готовой анкете.

0

158

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

Но Сафари на макосе, к кот. я привыкла не ловит (

Ну сафари браузер не Айс, - поставьте Гугол Хром или Оперу

0

159

Alex_63
Стоят. Оч. не нравятся. Использую для теста только.

0

160

Alex_63
После внесения не знаю чего.. Сафари перестал вообще показывать что-либо ((. Ладно не увеличивал строку. Но почему-то убил все таблицы.
http://savepic.ru/11321807.png

___________
на http://forum.mybb.ru почему-то не грузятся картинки.

0


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