Расширенная форма быстрого ответа, Сборка сервиса
| IPB.SU · Правила форума | Репутация Помощь Поиск Участники Календарь Аркады Журналы |
| Здравствуйте Гость ( Вход | Регистрация ) | Выслать повторно письмо для активации |
Правила раздела| Страницы: (17) « Первая ... 15 16 [17] ( Перейти к первому непрочитанному сообщению ) |    |
Расширенная форма быстрого ответа, Сборка сервиса| Dron |
Отправлено: Ноя 1 2007, 22:32
|
 admin of ipb.su  Группа: Пользователи Сообщений: 6 040 Пользователь №: 3 Регистрация: 27-Октября 07 Из: г.Псков  Репутация: 133  |
С помощью данного скрипта вы сможете добавить в форму быстрого ответа маленькую симпотичную формочку быстрых тегов. *Чтоб вас заинтересовало сразу привожу СКРИНШОТ.
ЧАСТЬ ПЕРВАЯ: ТЕГИ Быстрые теги работают по очень удобному методу: • Вставляются на место курсора • Если есть выделенный текст, то они обводят его. Скрипт проверен в ИЕ, Mozilla, Opera. Думаю проблем особых не должно быть. И так, преступим к установке. 1) Стиль. В формочке используются название стандартных классов скина, но есть мелкое изменение для курсора: АЦ -> Скины/Шаблоны -> Стиль -> Редактировать Находим: Цитата .row2 { background-color: #DFE6EF } копируем, вставляем ниже, добавляем "x" в название, и 1 оператор. Выглядеть будет так:Цитата .row2x { background-color: #DFE6EF;cursor: pointer;} Повторяю:Код НЕ заменять, а добавлять ниже.2) Форма. АЦ -> Скины/Шаблоны -> HTML шаблоны -> Настройка HTML -> Topic View Section -> quick_reply_box_open Находим: Цитата <!-- TITLE DIV --> И после этого вставляем:<div class="tableborder"> <div class='maintitle'><{CAT_IMG}> {ibf.lang.qr_title}</div> <div class="tablepad" align="center"> Цитата <!== НАЧАЛО ТЕГИ В БЫСТРОМ ОТВЕТЕ ==> <div class="tablepad" align="center"> <table border=0><tr><td width=33%> <table class= "tableborder" cellpadding= 5 cellspacing=1> <tr class= "maintitle"><td colspan=3 align="center">Быстрые теги</td></tr> <tr><td> <table class= "tableborder" cellpadding= 5 cellspacing=1> <tr class="row2x" align = "center"><td colspan=2 width = 33% onMouseOut="this.style.backgroundColor=''" onclick = "insTxt()" onmouseover = "copyT('B');this.style.backgroundColor='#EEF2F7'"><span><B>B</B></span></td><td colspan=2 width = 33% onMouseOut="this.style.backgroundColor=''" onclick = "insTxt()" onmouseover = "copyT('I');this.style.backgroundColor='#EEF2F7'"><span><I>I</I></span></td><td colspan=2 width = 33% onMouseOut="this.style.backgroundColor=''" onclick = "insTxt()" onmouseover = "copyT('U');this.style.backgroundColor='#EEF2F7'"><span><U>U</u></span></td></tr> <tr class= "row2x" align = "center"><td colspan=2 onMouseOut="this.style.backgroundColor=''" onclick = "insTxt()" onmouseover = "copyT('URL');this.style.backgroundColor='#EEF2F7'"><span><U>URL</U></span></td><td colspan=2 onMouseOut="this.style.backgroundColor=''" onclick = "insTxt()" onmouseover = "copyT('IMG');this.style.backgroundColor='#EEF2F7'"><span><U>IMG</U></span></td><td colspan=2 onMouseOut="this.style.backgroundColor=''" onclick = "insTxt()" onmouseover = "copyT('HTML');this.style.backgroundColor='#EEF2F7'"><span><font size=2>HTML</font></span></td></tr> <tr class="row2x" align = "center"><td colspan=2 onMouseOut="this.style.backgroundColor=''" onclick = "insTxt()" onmouseover = "copyT('QUOTE');this.style.backgroundColor='#EEF2F7'"><span>Quote</span></td><td colspan=2 onMouseOut="this.style.backgroundColor=''" onclick = "insTxt()" onmouseover = "copyT('CODE');this.style.backgroundColor='#EEF2F7'"><span>Code</span></td><td colspan=2 onMouseOut="this.style.backgroundColor=''" onclick = "insTxt()" onmouseover = "copyT('List');this.style.backgroundColor='#EEF2F7'"><span>List</span></td></tr> <!--COLOR--> <tr><td style="background-color:blue; cursor:pointer; height:10px" onmouseover = "copyTC('blue')" onclick = "insTxt()"></td> <td style="background-color:purple; cursor:pointer" onmouseover = "copyTC('purple')" onclick = "insTxt()"></td> <td style="background-color:brown; cursor:pointer" onmouseover = "copyTC('brown')" onclick = "insTxt()"></td> <td style="background-color:orange; cursor:pointer" onmouseover = "copyTC('orange')" onclick = "insTxt()"></td> <td style="background-color:red; cursor:pointer" onmouseover = "copyTC('red')" onclick = "insTxt()"></td> <td style="background-color:green; cursor:pointer" onmouseover = "copyTC('green')" onclick = "insTxt()"></td> </td></tr></table></td></tr> </table> </td> <td width=34% align="center"> <textarea cols='70' rows='8' name='Post' class='textinput' tabindex="1" id="tex" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" onfocus="storeCaret(this);"></textarea> </td> <td width=33%></td> </tr> </table> <!== КОНЕЦ ТЕГИ В БЫСТРОМ ОТВЕТЕ ==> Удаляем тока старую строчку с textarea ВНИМАНИЕ: Приведенный код уже содержит текстареу со всем её "наворотами", то есть старую текстареу вы должны УДАЛИТЬ. Изначально она у вас выглядит примерно так: Цитата <textarea cols='70' rows='8' name='Post' class='textinput' tabindex="1"></textarea> 3) Скрипт. АЦ -> Скины/Шаблоны -> HTML шаблоны -> Настройка HTML -> Topic View Section -> Header Перед Цитата //--> Вставляем</script> Код function copyT(code) {if (typeof(document.getElementById('tex').caretPos) != 'undefined'){ if (window.getSelection) {text=window.getSelection()} else if (document.selection) {text=document.selection.createRange().text;} text='['+code+']'+text+'[/'+code+']' } else if (typeof(document.getElementById('tex').selectionStart) != 'undefined') { text = document.getElementById('tex').value.substring(document.getElementById('tex').selectionStart,document.getElementById('tex').selectionEnd) text='['+code+']'+text+'[/'+code+']' } } function copyTC(cl) {if (typeof(document.getElementById('tex').caretPos) != 'undefined'){ if (window.getSelection) {text=window.getSelection()} else if (document.selection) {text=document.selection.createRange().text;} text='[COLOR='+cl+']'+text+'[/COLOR]' } else if (typeof(document.getElementById('tex').selectionStart) != 'undefined') { text = document.getElementById('tex').value.substring(document.getElementById('tex').selectionStart,document.getElementById('tex').selectionEnd) text='[COLOR='+cl+']'+text+'[/COLOR]' } } function storeCaret(element) { if (typeof(document.selection) != 'undefined' && typeof(document.selection.createRange) != 'undefined') element.caretPos=document.selection.createRange().duplicate(); } function insTxt() { var element = document.getElementById("tex") if (!element) return; element.focus(); if (typeof(element.caretPos) != 'undefined') element.caretPos.text = text; else if (typeof(element.selectionStart) != 'undefined') { var newPos = element.selectionEnd + text.length; element.value = element.value.substring(0, element.selectionStart) + text + element.value.substring(element.selectionEnd, element.value.length); element.setSelectionRange(newPos, newPos); } else element.value += text; } ЧАСТЬ ВТОРАЯ: СМАЙЛИКИ Для того, чтобы были смайлики в быстром ответе во-первых, поставить скрипт добавления имени, который находится здесь: http://ipboard.net/index.php?showtopic=26 Админцентр -> HTML шаблоны -> Настройка HTML -> Topic View Section -> quick_reply_box_open Жмем Редактировать Там найти строку Цитата <!== КОНЕЦ ТЕГИ В БЫСТРОМ ОТВЕТЕ ==> и сразу после неё добавить Код <!== НАЧАЛО СМАЙЛИКОВ В БЫСТРОМ ОТВЕТЕ ==> <table width=34% border=0> <tr> <td align='center' valign='middle'><a href="javascript:addName(' :) ');"><img src='http://ipboard.net/html/emoticons/smile.gif' border='0' valign='absmiddle' alt='smile.gif'></a></td> <td align='center' valign='middle'><a href="javascript:addName(' :( ');"><img src='http://ipboard.net/html/emoticons/sad.gif' border='0' valign='absmiddle' alt='sad.gif'></a></td> <td align='center' valign='middle'><a href="javascript:addName(' :D ');"><img src='http://ipboard.net/html/emoticons/biggrin.gif' border='0' valign='absmiddle' alt='biggrin.gif'></a></td> <td align='center' valign='middle'><a href="javascript:addName(';) ');"><img src='http://ipboard.net/html/emoticons/wink.gif' border='0' valign='absmiddle' alt='wink.gif'></a></td> <td align='center' valign='middle'><a href="javascript:addName(' :o ');"><img src='http://ipboard.net/html/emoticons/ohmy.gif' border='0' valign='absmiddle' alt='ohmy.gif'></a></td> <td align='center' valign='middle'><a href="javascript:addName(' :angry: ');"><img src='http://ipboard.net/html/emoticons/mad.gif' border='0' valign='absmiddle' alt='mad.gif'></a></td> <td align='center' valign='middle'><a href="javascript:addName(' :P ');"><img src='http://ipboard.net/html/emoticons/tongue.gif' border='0' valign='absmiddle' alt='tongue.gif'></a></td> <td align='center' valign='middle'><a href="javascript:addName(' :blink: ');"><img src='http://ipboard.net/html/emoticons/blink.gif' border='0' valign='absmiddle' alt='blink.gif'></a></td> <td align='center' valign='middle'><a href="javascript:addName(' :lol: ');"><img src='http://ipboard.net/html/emoticons/laugh.gif' border='0' valign='absmiddle' alt='laugh.gif'></a></td> </tr> </table> </div> <!== КОНЕЦ СМАЙЛИКОВ В БЫСТРОМ ОТВЕТЕ ==> ВАЖНОЕ ЗАМЕЧАНИЕ: Если вы не хотите устанавливать теги а хотите только смайлы, то: Вариант другой: По Прежнему устанавливаете Добавление имени в поле быстрого ответа. После этого: Админцентр -> HTML шаблоны -> Настройка HTML -> Topic View Section -> quick_reply_box_open Жмем Редактировать Находим там строку Код <textarea cols='70' rows='8' name='Post' class='textinput' tabindex="1"></textarea> И сразу после нее вставляем: Код <div> <tr> <td align='center' class='row2' valign='middle'><a href="javascript:addName(' :) ');"><img src='http://ipb.su/html/emoticons/smile.gif' border='0' valign='absmiddle' alt='smile.gif'></a></td> <td align='center' class='row2' valign='middle'><a href="javascript:addName(' :( ');"><img src='http://ipb.su/html/emoticons/sad.gif' border='0' valign='absmiddle' alt='sad.gif'></a></td> <td align='center' class='row2' valign='middle'><a href="javascript:addName(' :D ');"><img src='http://ipb.su/html/emoticons/biggrin.gif' border='0' valign='absmiddle' alt='biggrin.gif'></a></td> <td align='center' class='row2' valign='middle'><a href="javascript:addName(';) ');"><img src='http://ipb.su/html/emoticons/wink.gif' border='0' valign='absmiddle' alt='wink.gif'></a></td> <td align='center' class='row2' valign='middle'><a href="javascript:addName(' :o ');"><img src='http://ipb.su/html/emoticons/ohmy.gif' border='0' valign='absmiddle' alt='ohmy.gif'></a></td> <td align='center' class='row2' valign='middle'><a href="javascript:addName(' :angry: ');"><img src='http://ipb.su/html/emoticons/mad.gif' border='0' valign='absmiddle' alt='mad.gif'></a></td> <td align='center' class='row2' valign='middle'><a href="javascript:addName(' :P ');"><img src='http://ipb.su/html/emoticons/tongue.gif' border='0' valign='absmiddle' alt='tongue.gif'></a></td> <td align='center' class='row2' valign='middle'><a href="javascript:addName(' :blink: ');"><img src='http://ipb.su/html/emoticons/blink.gif' border='0' valign='absmiddle' alt='blink.gif'></a></td> <td align='center' class='row2' valign='middle'><a href="javascript:addName(' :lol: ');"><img src='http://ipb.su/html/emoticons/laugh.gif' border='0' valign='absmiddle' alt='laugh.gif'></a></td> </tr> </div> ДОБАВЛЕНИЕ: ВОЗМОЖНОСТЬ ОТСЫЛАТЬ СООБЩЕНИЯ ИЗ ФОРМЫ БЫСТРОГО ОТВЕТА СОЧЕТАНИЕМ НАЖАТЫХ КЛАВИШ CTRL + ENTER Админцентр -> HTML шаблоны -> Настройка HTML -> Topic View Section -> quick_reply_box_open в самом начала после: Цитата <script type="text/javascript"> вставляем:<!-- Цитата document.onkeydown=function(e){ if (e) event=e if ((event.keyCode==13)&&(event.ctrlKey)){ document.REPLIER.submit.click(); }} Все  © Использовались материалы авторов Maslo и Zhz Это сообщение отредактировал аsm-а - Фев 10 2015, 13:26 |
|
| Snow |
Отправлено: Мар 11 2013, 09:05
|
 Lord Commander of The Night's Watch Группа: Пользователи Сообщений: 235 Пользователь №: 3 794 Регистрация: 11-Ноября 12 Репутация: 11 |
Накосячили в футере.
-------------------- |
|
|
| Elembek |
Отправлено: Мар 11 2013, 16:28
|
|
Новичок Группа: Пользователи Сообщений: 10 Пользователь №: 4 058 Регистрация: 23-Февраля 13 Репутация: нет |
Цитата (Snow @ Мар 11 2013, 10:05) Накосячили в футере. Спасибо, это многое объяснило )))) В общем ладно. Восстановлю стандартный стиль и напичкаю заново все моды. Заодно поучусь. |
|
|
| Hermione Granger |
Отправлено: Мар 18 2014, 20:29
|
 *·.·*Младшая ведьмочка*·.·* Группа: Пользователи Сообщений: 22 Пользователь №: 1 627 Регистрация: 8-Августа 09 Репутация: нет |
Простите, может кто нибудь поможет мне... Хотела установить в быстром ответе кнопки шрифта, цвета и размера, и скопировала их с нормального ответа, но почему-то они не работают... Что я сделала не так?
Вот полный код который у меня стоит с моей модификацией: [Показать/Скрыть] |
|
|
| Грея |
Отправлено: Мар 19 2014, 10:22
|
 Вечность? Всего лишь единица измерения времени Группа: Пользователи Сообщений: 348 Пользователь №: 1 357 Регистрация: 16-Марта 09 Из: Красноярск Репутация: 27 |
Hermione Granger, они не работают, потому что не хватает кусочка скрипта, отвечающего за их работу. Вставьте
[Показать/Скрыть] после Код //--> </script> И все нормально заработает  |
|
|
| Hermione Granger |
Отправлено: Мар 19 2014, 16:44
|
|
*·.·*Младшая ведьмочка*·.·* Группа: Пользователи Сообщений: 22 Пользователь №: 1 627 Регистрация: 8-Августа 09 Репутация: нет |
Грея, огромное спасибо!! Когда наберу 10 постов добавлю вам репутацию...
|
|
|
| Hermione Granger |
Отправлено: Мар 24 2014, 13:27
|
|
*·.·*Младшая ведьмочка*·.·* Группа: Пользователи Сообщений: 22 Пользователь №: 1 627 Регистрация: 8-Августа 09 Репутация: нет |
У меня опять проблема... На старом скине скрипт который мне предоставила Грея действовал на ура, а вот на новом скине действовать не хочет...
Вот код (красным выделено то что не работает): [Показать/Скрыть] Заранее спасибо!!  Это сообщение отредактировал Hermione Granger - Мар 24 2014, 13:32 |
|
|
| Hermione Granger |
Отправлено: Мар 25 2014, 17:21
|
|
*·.·*Младшая ведьмочка*·.·* Группа: Пользователи Сообщений: 22 Пользователь №: 1 627 Регистрация: 8-Августа 09 Репутация: нет |
Разобралась со шрифтом, размером и цветом - теперь работают, а вот список и e-mail работать не хотят... в чём может быть проблема?
Заранее спасибо за ответ Это сообщение отредактировал Hermione Granger - Мар 25 2014, 17:21 |
|
|
| Грея |
Отправлено: Мар 26 2014, 13:13
|
|
Вечность? Всего лишь единица измерения времени Группа: Пользователи Сообщений: 348 Пользователь №: 1 357 Регистрация: 16-Марта 09 Из: Красноярск Репутация: 27 |
Код <img title='Создать список' alt='Создать список' src='http://i017.radikal.ru/1403/dc/150f8d1408c8.png' onmouseover="copyT('list')" onclick="insTxt()" /> <img title='E-mail' alt='E-mail' src='http://s018.radikal.ru/i515/1403/97/6e80f0fbb606.png' onmouseover="copyT('email')" onclick="insTxt()" /> Если вставите так, они должны работать и вставляться, но не так, как в расширенной форме ответа. |
|
|
| Hermione Granger |
Отправлено: Мар 26 2014, 17:45
|
|
*·.·*Младшая ведьмочка*·.·* Группа: Пользователи Сообщений: 22 Пользователь №: 1 627 Регистрация: 8-Августа 09 Репутация: нет |
Не так как в расширенном ответе, но всё же работают... Огромное спасибо!
|
|
|
| ElviSS |
Отправлено: Фев 7 2015, 10:00
|
 Еще тот собака. ;)  Группа: Модераторы Сообщений: 228 Пользователь №: 4 037 Регистрация: 31-Января 13 Репутация: 8 |
По просьбе форумчан сделал в форме быстрого ответа линейку с смайликами. Так как их довольно много, пришлось помудрить с полосой прокрутки.
В чем вопрос, с планшетов на андроиде из стандартных браузеров (только это пока проверено), не видно линейки прокрутки. Может кто то подскажет, возможно ли тут что то поправить ? Код: [Показать/Скрыть] Скрин:  Это сообщение отредактировал ElviSS - Фев 7 2015, 16:59 |
|
|
| Akella |
Отправлено: Май 29 2015, 20:28
|
|
Добрый форумчанин Группа: Пользователи Сообщений: 5 Пользователь №: 5 573 Регистрация: 18-Май 15 Репутация: нет |
Доброго времени суток !
Подскажите, пожалуйста, как сделать так, чтобы форма быстрого ответа была раскрыта по умолчанию для всех пользователей, где в настройках смотреть ? Заранее спасибо ! AweDer Цитата ,Для всех никак.Каждый пользователь может настроить себе сам Мой Профиль - Настройки форума - Раскрывать автоматически форму быстрого ответа? - ставим да Благодарю. А то уже все настройки пересмотрел.  Это сообщение отредактировал Akella - Май 30 2015, 06:31 --------------------  |
|
|
| AweDer |
Отправлено: Май 29 2015, 23:22
|
 Еntеr нажат, к чему теперь рыданья... Группа: Пользователи Сообщений: 701 Пользователь №: 3 536 Регистрация: 5-Марта 12 Из: Великобритания Репутация: 16 |
Akella,Для всех никак.Каждый пользователь может настроить себе сам Мой Профиль - Настройки форума - Раскрывать автоматически форму быстрого ответа? - ставим да
-------------------- |
|
|
| DarthVetal |
Отправлено: Янв 9 2016, 01:41
|
|
Новичок Группа: Пользователи Сообщений: 3 Пользователь №: 6 253 Регистрация: 6-Января 16 Репутация: нет |
Как в форму быстро ответа вставить окошко с уже открытыми смайликами(как в обычной форме ответа)?
Когда-то уже делал так, но сейчас никак не могу найти. |
|
|
Страницы: (17) « Первая ... 15 16 [17] |
|
');"><img src='http://ipb.su/html/emoticons/huh.gif' border='0' valign='absmiddle' alt='huh.gif'></a></td>
');"><img src='http://ipb.su/html/emoticons/sad.gif' border='0' valign='absmiddle' alt='sad.gif'></a></td>
');"><img src='http://ipb.su/html/emoticons/tongue.gif' border='0' valign='absmiddle' alt='tongue.gif'></a></td>
');"><img src='http://ipb.su/html/emoticons/laugh.gif' border='0' valign='absmiddle' alt='mad.gif'></a></td>
');"><img src='http://ipb.su/html/emoticons/cool.gif' border='0' valign='absmiddle' alt='cool.gif'></a></td>
');"><img src='http://ipb.su/html/emoticons/dry.gif' border='0' valign='absmiddle' alt='dry.gif'></a></td>
');"><img src='http://ipb.su/html/emoticons/mad.gif' border='0' valign='absmiddle' alt='mad.gif'></a></td>
');"><img src='http://ipb.su/html/emoticons/sad.gif' border='0' valign='absmiddle' alt='sad.gif'></a></td>
');"><img src='http://ipb.su/html/emoticons/unsure.gif' border='0' valign='absmiddle' alt='unsure.gif'></a></td>
');"><img src='http://ipb.su/html/emoticons/blink.gif' border='0' valign='absmiddle' alt='blink.gif'></a></td>
');"><img src='http://ipb.su/html/emoticons/ph34r.gif' border='0' valign='absmiddle' alt='ph34r.gif'></a></td>