Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Кнопка доп. смайлов в поле быстрого ответа

Предыдущая тема Следующая тема Перейти вниз

Кнопка доп. смайлов в поле быстрого ответа

Сообщение автор Margik в Вт 8 Янв - 12:41

Здравствуйте. Попробовала сделать кнопку дополнительных смайлов. Поставила вот это код
Код:
    <!--Дополнительные смайлики-->
    <script type="text/javascript">//<![CDATA[
    function smilesDisplay(tarea){
    if(!document.getElementById('fSMcontainer')){
    var smilesArr = new Array("",
    "http://r28.imgfast.net/users/2814/33/31/58/album/42478011.gif",
    "http://r28.imgfast.net/users/2814/33/31/58/album/40683711.gif",
    "http://r28.imgfast.net/users/2814/33/31/58/album/39812411.gif",
    "http://r28.imgfast.net/users/2814/33/31/58/album/38112911.gif",
    "http://r28.imgfast.net/users/2814/33/31/58/album/37967011.gif",
    "http://r28.imgfast.net/users/2814/33/31/58/album/34371711.gif",
    "http://r28.imgfast.net/users/2814/33/31/58/album/24315911.gif",
    "http://r28.imgfast.net/users/2814/33/31/58/album/22547211.gif"
    );
    undSmContainer = tarea.parentNode.parentNode;
    smContainer = document.createElement('span');
    smContainer.id = "fSMcontainer";
    smContainer.style.position = "fixed";
    smContainer.style.padding = "5px";
    smContainer.style.height = "300px";
    smContainer.style.width= "190px";
    smContainer.style.right= "5px";
    smContainer.style.overflow = "auto";
    smContainer.style.bottom = "100px";
    smContainer.style.zIndex = "2001";
    smContainer.style.border = "1px solid #AACEFF";
    smContainer.style.background = "#fff";
    smContainer.innerHTML = "<img src='http://r28.imgfast.net/users/2814/33/31/58/album/dddnnn14.png' title='закрыть смайлики' alt='[x]' style='float: left; position: fixed; z-index: 2002; bottom: 390px; right:20px; padding: 5px; cursor: hand; cursor: pointer;' id='closeSM' />
    ";

    for(i=1;i<smilesArr.length;i++){
      smContainer.innerHTML += "<a href='#bodyline' onclick=smileADD('"+smilesArr[i]+"')><img src='"+smilesArr[i]+"'/></a> ";
      }
      tarea.parentNode.appendChild(smContainer);
      document.getElementById('closeSM').onclick = function(){
                this.parentNode.parentNode.removeChild(smContainer);
      }
    }
    };

    function smileADD(smile){
    formForSmiles = document.post.message;
    if(formForSmiles){
    formForSmiles.value += "[i"+"mg]"+smile+"[/"+"img]";
    formForSmiles.focus();
    }
    }
    //]]></script>

    <div id="button_cont">
    <button class="button2" onclick="smilesDisplay(this)" type="button"  title="Дополнительные смайлики"><img src="http://savepic.org/1101795.gif" alt="Дополнительные смайлики" /></button>
    </div>

    <script type='text/javascript'>
    //<![CDATA[
    jQuery(document).ready(function(){
    jQuery("#text_editor_controls").after(jQuery('div#button_cont'));
    });
    //]]>
    </script>
в шаблон overall_footer_end в самый низ перед </body>.
И убрала кнопку редактора А.
Вот, что получилось
Спойлер:
Но на других форумах я видела, что это кнопка вставала в ряд к остальным. Можно подтянуть её наверх, где нарисована стрелка? Как?
И во-вторых почему-то, когда открываешь окошко дополнительных смайлов, то верхние как бы немного срезаются, как это исправить?
Спойлер:

Margik
Новичок

Сообщения : 26
Регистрация : 2012-10-06
Благодарности : 4

Без предупреждений

http://margik.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Кнопка доп. смайлов в поле быстрого ответа

Сообщение автор Домовой в Вт 8 Янв - 12:55

У вас форум на phpBB2, там так и будет.
Перейдите на движок punBB и будет вам счастье.

avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3231

Без предупреждений

Вернуться к началу Перейти вниз

Re: Кнопка доп. смайлов в поле быстрого ответа

Сообщение автор Margik в Вт 8 Янв - 13:02

Ааа, спасибо, я у вас и увидела эту кнопочку. Просто пробник на 2, а основной на pun. Подумала, что неважно. Тогда пойду на основном пробовать-ставить smile

Margik
Новичок

Сообщения : 26
Регистрация : 2012-10-06
Благодарности : 4

Без предупреждений

http://margik.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Кнопка доп. смайлов в поле быстрого ответа

Сообщение автор Домовой в Вт 8 Янв - 13:28

отпишитесь как поставите
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3231

Без предупреждений

Вернуться к началу Перейти вниз

Re: Кнопка доп. смайлов в поле быстрого ответа

Сообщение автор Margik в Вт 8 Янв - 14:30

Нет, не встаёт ровно, там ещё кнопочка спойлера есть, может она мешает?
Получается либо так
Спойлер:
Либо, второй вариант, так
Спойлер:
Если код вот такой

Код:
<!--Дополнительные смайлики-->
<script type="text/javascript">
function smilesDisplay(tarea){
if(!document.getElementById('fSMcontainer')){
var smilesArr = new Array("",
"http://s55.radikal.ru/i147/1211/a5/9b56a234a92f.gif",
"http://r28.imgfast.net/users/2814/33/31/58/album/big01210.gif",
"http://r28.imgfast.net/users/2814/33/31/58/album/12866711.gif",
"http://r28.imgfast.net/users/2814/33/31/58/album/35390311.gif",
"http://r28.imgfast.net/users/2814/33/31/58/album/nddndd10.gif"
);
undSmContainer = tarea.parentNode.parentNode;
smContainer = document.createElement('span');
smContainer.id = "fSMcontainer";
smContainer.style.position = "fixed";
smContainer.style.padding = "5px";
smContainer.style.height = "440px";
smContainer.style.width= "250px";
smContainer.style.right= "5px";
smContainer.style.overflow = "auto";
smContainer.style.bottom = "10px";
smContainer.style.zIndex = "2001";
smContainer.style.border = "1px solid #AACEFF";
smContainer.style.background = "#fff";
smContainer.innerHTML = "<img src='http://r28.imgfast.net/users/2814/33/31/58/album/dddnnn14.png' title='закрыть смайлики' alt='[x]' style='float: left; position: fixed; z-index: 2002; bottom: 440px; right:20px; padding: 5px; cursor: hand; cursor: pointer;' id='closeSM' /><br />";

for(i=1;i<smilesArr.length;i++){
smContainer.innerHTML += "<a href='#bodyline' onclick=smileADD('"+smilesArr[i]+"')><img src='"+smilesArr[i]+"'/></a> ";
}
tarea.parentNode.appendChild(smContainer);
document.getElementById('closeSM').onclick = function(){
this.parentNode.parentNode.removeChild(smContainer);
}
}
};

function smileADD(smile){
formForSmiles = document.post.message;
if(formForSmiles){
formForSmiles.value += "[i"+"mg]"+smile+"[/"+"img]";
formForSmiles.focus();
}
}
</script>

<script type='text/javascript'>
jQuery(document).ready(function(){
jQuery("#text_editor_controls").after(jQuery('<button class="button2" onclick="smilesDisplay(this)" type="button" title="Дополнительные смайлики"><img src="http://r28.imgfast.net/users/2814/33/31/58/album/th/ddd_nd11.gif" alt="Дополнительные смайлики" /></button>'));
});
</script>

Margik
Новичок

Сообщения : 26
Регистрация : 2012-10-06
Благодарности : 4

Без предупреждений

http://margik.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Кнопка доп. смайлов в поле быстрого ответа

Сообщение автор Домовой в Вт 8 Янв - 15:10

Давайте сделаем вот так
Создайте персональный виджет
Имя виджета : Доп. кнопки
Использовать стандартный шаблон : НЕТ
Название виджета : ничего сюда не пишите
Содержание виджета * :
Код:
<style type="text/css">
#button_cont{
display:block;
}
</style>
Сохрание.
Перетащите виджет в правую колонку.
Естественно правая колонка виджетов на главной должна быть активирована.
Далее на виджете нажмите значок dostup и снимите галочку у гостя.
Сохраните.
Далее.
В шаблон viewtopic_body в самый низ ставьте контейнер с кнопками и скрипт скрипт

Код:
<!--Дополнительные кнопки в быстрый ответ-->
<div id="button_cont">

<button class="button2" onclick="bbfontstyle('[spoiler]', '[/spoiler]');return false"type="button"  title="Спойлер"><img src="http://r28.imgfast.net/users/2814/33/31/58/album/1510.png" alt="Спойлер" /></button>
                                 
<button class="button2" onclick="smilesDisplay(this)" type="button"  title="Дополнительные смайлики"><img src="http://r28.imgfast.net/users/2814/33/31/58/album/th/ddd_nd11.gif" alt="Дополнительные смайлики" /></button>
</div>

<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function(){
jQuery("#text_editor_controls p.left-box").after(jQuery('div#button_cont'));
});
//]]>
</script>
Сохраните и опубликуйте шаблон
А в шаблон overall_footer_end перед </body> поставьте скрипт смайлов

Код:
 <!--Дополнительные смайлики-->
    <script type="text/javascript">//<![CDATA[
    function smilesDisplay(tarea){
    if(!document.getElementById('fSMcontainer')){
    var smilesArr = new Array("",
    "http://r28.imgfast.net/users/2814/33/31/58/album/42478011.gif",
    "http://r28.imgfast.net/users/2814/33/31/58/album/40683711.gif",
    "http://r28.imgfast.net/users/2814/33/31/58/album/39812411.gif",
    "http://r28.imgfast.net/users/2814/33/31/58/album/38112911.gif",
    "http://r28.imgfast.net/users/2814/33/31/58/album/37967011.gif",
    "http://r28.imgfast.net/users/2814/33/31/58/album/34371711.gif",
    "http://r28.imgfast.net/users/2814/33/31/58/album/24315911.gif",
    "http://r28.imgfast.net/users/2814/33/31/58/album/22547211.gif"
    );
    undSmContainer = tarea.parentNode.parentNode;
    smContainer = document.createElement('span');
    smContainer.id = "fSMcontainer";
    smContainer.style.position = "fixed";
    smContainer.style.padding = "5px";
    smContainer.style.height = "300px";
    smContainer.style.width= "190px";
    smContainer.style.right= "5px";
    smContainer.style.overflow = "auto";
    smContainer.style.bottom = "100px";
    smContainer.style.zIndex = "2001";
    smContainer.style.border = "1px solid #AACEFF";
    smContainer.style.background = "#fff";
    smContainer.innerHTML = "<img src='http://r28.imgfast.net/users/2814/33/31/58/album/dddnnn14.png' title='закрыть смайлики' alt='[x]' style='float: left; position: fixed; z-index: 2002; bottom: 390px; right:20px; padding: 5px; cursor: hand; cursor: pointer;' id='closeSM' />
    ";

    for(i=1;i<smilesArr.length;i++){
      smContainer.innerHTML += "<a href='#bodyline' onclick=smileADD('"+smilesArr[i]+"')><img src='"+smilesArr[i]+"'/></a> ";
      }
      tarea.parentNode.appendChild(smContainer);
      document.getElementById('closeSM').onclick = function(){
                this.parentNode.parentNode.removeChild(smContainer);
      }
    }
    };

    function smileADD(smile){
    formForSmiles = document.post.message;
    if(formForSmiles){
    formForSmiles.value += "[i"+"mg]"+smile+"[/"+"img]";
    formForSmiles.focus();
    }
    }
    //]]></script>
Сохраните и опубликуйте

Если вы не используете на форуме виджеты на главной то для того что бы скрыть колонку добавьте в CSS
Код:
/*Скрытие правой колонки виджетов*/
#content-container div#right {
width: 0px;
margin-right:0px;
}
#content-container div#content {
margin-right: 0px;
}
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3231

Без предупреждений

Вернуться к началу Перейти вниз

Re: Кнопка доп. смайлов в поле быстрого ответа

Сообщение автор Margik в Вт 8 Янв - 15:27

Домовой, спасибо большое! Я в пробнике сделала версию пун и сейчас там попробовала как вы сказали, всё очень хорошо получилось, как и хотела good 13
Только на основном у нас кнопка спойлера ,которая уже стоит, я не помню как я её ставила, её наверное лучше удалить сначала? Раз в том что вы мне дали обе кнопки есть. Пойду искать

Margik
Новичок

Сообщения : 26
Регистрация : 2012-10-06
Благодарности : 4

Без предупреждений

http://margik.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Кнопка доп. смайлов в поле быстрого ответа

Сообщение автор Домовой в Вт 8 Янв - 15:32

ну вообще то то что я вам дал для основной формы не должно распространяться.
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3231

Без предупреждений

Вернуться к началу Перейти вниз

Re: Кнопка доп. смайлов в поле быстрого ответа

Сообщение автор Margik в Вт 8 Янв - 15:39

@Домовой пишет:ну вообще то то что я вам дал для основной формы не должно распространяться.
Я кстати нажала сейчас на ответить и не получилось unknown Только быстрый ответ работает, это я наверное сама напортачила где-то? 24 И редактировать тоже не пашет girl_blush

Margik
Новичок

Сообщения : 26
Регистрация : 2012-10-06
Благодарности : 4

Без предупреждений

http://margik.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Кнопка доп. смайлов в поле быстрого ответа

Сообщение автор Домовой в Вт 8 Янв - 15:41

я прежде чем выложить поставил всё это на тестовик.
Всё прекрасно работает
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3231

Без предупреждений

Вернуться к началу Перейти вниз

Re: Кнопка доп. смайлов в поле быстрого ответа

Сообщение автор Margik в Вт 8 Янв - 15:54

Домовой, всё правда заработало, ещё раз сделала, наверное где-то ошиблась или глюк. Ещё раз спасибо вам большое! d_daisy Здорово получилось

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

Margik
Новичок

Сообщения : 26
Регистрация : 2012-10-06
Благодарности : 4

Без предупреждений

http://margik.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Кнопка доп. смайлов в поле быстрого ответа

Сообщение автор Домовой в Вт 8 Янв - 16:04

Вот и славненько)))
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3231

Без предупреждений

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения