Powered by Invision Power Board
Здравствуйте Гость ( Вход | Регистрация ) Выслать повторно письмо для активации

Forum Rules Правила раздела

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

Страницы: (17) [1] 2 3 ... Последняя »  ( Перейти к первому непрочитанному сообщению ) Reply to this topicStart new topicStart Poll

> Расширенная форма быстрого ответа, Сборка сервиса
Dron
Отправлено: Ноя 1 2007, 22:32
Quote Post


admin of ipb.su
Group Icon

Группа: Пользователи
Сообщений: 6 040
Пользователь №: 3
Регистрация: 27-Октября 07
Из: г.Псков
Member Offline

Репутация: 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}>&nbsp;{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();
}}


Все wink.gif
© Использовались материалы авторов Maslo и Zhz

Это сообщение отредактировал аsm-а - Фев 10 2015, 13:26


--------------------

Мой блог: Блог Dron'а
E-mail: dron@ipb.su.
ICQ: 263635213.
-----------------------------------------------------------------------
user posted image

-----------------------------------------------------------------------
Вопрос/Ответ на тему IPB.SU
-----------------------------------------------------------------------
user posted image - Отблагодари, если я помог.
Top
dot
Отправлено: Янв 4 2008, 21:36
Quote Post


Новичок
Group Icon

Группа: Пользователи
Сообщений: 47
Пользователь №: 14
Регистрация: 3-Ноября 07
Member Offline

Репутация: нет




А можно также форму полного ответа переделать или это - невозможно ?
Top
Добрый
Отправлено: Янв 5 2008, 09:15
Quote Post


Админ-пенсионер, тревожить только по особо важным делам
Group Icon

Группа: Пользователи
Сообщений: 4 935
Пользователь №: 296
Регистрация: 5-Декабря 07
Из: Москва
Member Offline

Репутация: 77




dot, что конкретно?


--------------------
Уважаемые посетители, используйте ПОИСК прежде чем что-то спросить, может быть вы найдете ТАМ ответ.

user posted image - Мне будет приятно, если вы оцените мою помощь вам=)
Top
dot
Отправлено: Янв 5 2008, 20:30
Quote Post


Новичок
Group Icon

Группа: Пользователи
Сообщений: 47
Пользователь №: 14
Регистрация: 3-Ноября 07
Member Offline

Репутация: нет




Сделать так, чтобы панель полного ответа выглядела также как быстрого.
Если подобные коды скопировать в разделы полной формы - будет работать ? Главное - чтобы была как в быстром ответе.
Top
Добрый
Отправлено: Янв 6 2008, 00:33
Quote Post


Админ-пенсионер, тревожить только по особо важным делам
Group Icon

Группа: Пользователи
Сообщений: 4 935
Пользователь №: 296
Регистрация: 5-Декабря 07
Из: Москва
Member Offline

Репутация: 77




dot, врят ли


--------------------
Уважаемые посетители, используйте ПОИСК прежде чем что-то спросить, может быть вы найдете ТАМ ответ.

user posted image - Мне будет приятно, если вы оцените мою помощь вам=)
Top
Dron
Отправлено: Янв 6 2008, 00:51
Quote Post


admin of ipb.su
Group Icon

Группа: Пользователи
Сообщений: 6 040
Пользователь №: 3
Регистрация: 27-Октября 07
Из: г.Псков
Member Offline

Репутация: 133




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


--------------------

Мой блог: Блог Dron'а
E-mail: dron@ipb.su.
ICQ: 263635213.
-----------------------------------------------------------------------
user posted image

-----------------------------------------------------------------------
Вопрос/Ответ на тему IPB.SU
-----------------------------------------------------------------------
user posted image - Отблагодари, если я помог.
Top
Добрый
Отправлено: Янв 6 2008, 01:17
Quote Post


Админ-пенсионер, тревожить только по особо важным делам
Group Icon

Группа: Пользователи
Сообщений: 4 935
Пользователь №: 296
Регистрация: 5-Декабря 07
Из: Москва
Member Offline

Репутация: 77




Dron, Андрей.. dot имеет в виду добавление новых кнопок и тегов, наверняка... а не как раскрыть форму быстрого ответа


--------------------
Уважаемые посетители, используйте ПОИСК прежде чем что-то спросить, может быть вы найдете ТАМ ответ.

user posted image - Мне будет приятно, если вы оцените мою помощь вам=)
Top
Kanna
Отправлено: Янв 6 2008, 19:24
Quote Post


Новичок
Group Icon

Группа: Пользователи
Сообщений: 6
Пользователь №: 448
Регистрация: 6-Января 08
Member Offline

Репутация: нет




Я бы хотела уточнить второй пункт.Я решила вернуть всё как было и решила вернуть всё обратно,но у меня ничего не получилось.Вы немогли бы мне написать,что было первоначально во втором пункте.Вот на всякий случай название скина6если нужно-NeverWinterNightsSkin

Это сообщение отредактировал Kanna - Янв 6 2008, 19:24
Top
Добрый
Отправлено: Янв 6 2008, 19:30
Quote Post


Админ-пенсионер, тревожить только по особо важным делам
Group Icon

Группа: Пользователи
Сообщений: 4 935
Пользователь №: 296
Регистрация: 5-Декабря 07
Из: Москва
Member Offline

Репутация: 77




Kanna, Установите какой нибудь скин ) И найдите отличияwink.gif


--------------------
Уважаемые посетители, используйте ПОИСК прежде чем что-то спросить, может быть вы найдете ТАМ ответ.

user posted image - Мне будет приятно, если вы оцените мою помощь вам=)
Top
Kanna
Отправлено: Янв 6 2008, 19:55
Quote Post


Новичок
Group Icon

Группа: Пользователи
Сообщений: 6
Пользователь №: 448
Регистрация: 6-Января 08
Member Offline

Репутация: нет




Я установила скин и проверила всё уже чуть ли не десятый раз...У меня всё равно внизу страницы высвечивается эта таблица...
Top
Добрый
Отправлено: Янв 6 2008, 20:17
Quote Post


Админ-пенсионер, тревожить только по особо важным делам
Group Icon

Группа: Пользователи
Сообщений: 4 935
Пользователь №: 296
Регистрация: 5-Декабря 07
Из: Москва
Member Offline

Репутация: 77




можно скрин шот посмотреть ?wink.gif


--------------------
Уважаемые посетители, используйте ПОИСК прежде чем что-то спросить, может быть вы найдете ТАМ ответ.

user posted image - Мне будет приятно, если вы оцените мою помощь вам=)
Top
Kanna
Отправлено: Янв 6 2008, 20:37
Quote Post


Новичок
Group Icon

Группа: Пользователи
Сообщений: 6
Пользователь №: 448
Регистрация: 6-Января 08
Member Offline

Репутация: нет




Да,пожайлуста
user posted image
Top
Добрый
Отправлено: Янв 6 2008, 21:07
Quote Post


Админ-пенсионер, тревожить только по особо важным делам
Group Icon

Группа: Пользователи
Сообщений: 4 935
Пользователь №: 296
Регистрация: 5-Декабря 07
Из: Москва
Member Offline

Репутация: 77




а зачем убирать это? вы же сделали уже форумы быстрого ответа.

Если так нужнен изначальный код - пожалуйта.
взял из стандартого скина.

Шаблон: quick_reply_box_open
QUOTE
<script type="text/javascript">
<!--
function emo_pop()
{
   window.open('index.{ibf.vars.php_ext}?act=legends&amp;CODE=emoticons&amp;s={ibf.session_id}','Legends','width=250,height=500,resizable=yes,scrollbars=yes');
}
//-->
</script>
<br />
<div align='left' id='qr_open' style="display:$show;position:relative;">
    <form name='REPLIER' action="{ibf.script_url}" method='post'>
    <input type='hidden' name='act' value='Post' />
    <input type='hidden' name='CODE' value='03' />
    <input type='hidden' name='f' value='$fid' />
    <input type='hidden' name='t' value='$tid' />
    <input type='hidden' name='st' value='{$ibforums->input['st']}' />
    <input type='hidden' name='enabletrack' value='{ibf.member.auto_track}' />
    <input type='hidden' name='auth_key' value='$key' />
    <!-- TITLE DIV -->
    <div class="tableborder">
      <div class='maintitle'><{CAT_IMG}>&nbsp;{ibf.lang.qr_title}</div>
   <div class="tablepad" align="center">
    <textarea cols='70' rows='8' name='Post' class='textinput' tabindex="1"></textarea>
    <br /><br />
    <a href='javascript:emo_pop();'>{ibf.lang.show_emo}</a> |
    <input type='checkbox' name='enableemo' value='yes' class="checkbox" checked="checked" />&nbsp;{ibf.lang.qr_add_smilie} |
    <input type='checkbox' name='enablesig' value='yes' class="checkbox" checked="checked" />&nbsp;{ibf.lang.qr_add_sig}
    <br /><br />
    <input type='submit' name='submit' value='{ibf.lang.qr_submit}' class='forminput' tabindex="2" accesskey="s" />&nbsp;
    <input type='submit' name='preview' value='{ibf.lang.qr_more_opts}' class='forminput' />
    &nbsp;&nbsp; <input type='button' name='qrc' onclick="ShowHide('qr_open','qr_closed');" value='{ibf.lang.qr_closeit}' class='forminput' />
   </div>
   </div>
    </form>
</div>


Непонимаю почему вы сами не могли это сделать wink.gif


--------------------
Уважаемые посетители, используйте ПОИСК прежде чем что-то спросить, может быть вы найдете ТАМ ответ.

user posted image - Мне будет приятно, если вы оцените мою помощь вам=)
Top
Kanna
Отправлено: Янв 6 2008, 21:13
Quote Post


Новичок
Group Icon

Группа: Пользователи
Сообщений: 6
Пользователь №: 448
Регистрация: 6-Января 08
Member Offline

Репутация: нет




Я убрала и у меня остался только этот код и всё равно ничего

Это сообщение отредактировал Kanna - Янв 6 2008, 21:15
Top
Добрый
Отправлено: Янв 6 2008, 21:22
Quote Post


Админ-пенсионер, тревожить только по особо важным делам
Group Icon

Группа: Пользователи
Сообщений: 4 935
Пользователь №: 296
Регистрация: 5-Декабря 07
Из: Москва
Member Offline

Репутация: 77




Kanna, А остальные, что меняли коды вернули в прежнее положение? Удалили лишнее?


--------------------
Уважаемые посетители, используйте ПОИСК прежде чем что-то спросить, может быть вы найдете ТАМ ответ.

user posted image - Мне будет приятно, если вы оцените мою помощь вам=)
Top
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:

Topic Options Страницы: (17) [1] 2 3 ... Последняя » Reply to this topicStart new topicStart Poll