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

Здравствуйте. Попробовала сделать кнопку дополнительных смайлов. Поставила вот это код

Код:

    <!--Дополнительные смайлики-->
    <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>.
И убрала кнопку редактора А.
Вот, что получилось

Спойлер:

Но на других форумах я видела, что это кнопка вставала в ряд к остальным. Можно подтянуть её наверх, где нарисована стрелка? Как?
И во-вторых почему-то, когда открываешь окошко дополнительных смайлов, то верхние как бы немного срезаются, как это исправить?

Спойлер:

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

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

отпишитесь как поставите

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

Спойлер:

Либо, второй вариант, так

Спойлер:

Если код вот такой

Код:

<!--Дополнительные смайлики-->
<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>

Давайте сделаем вот так
Создайте персональный виджет
Имя виджета : Доп. кнопки
Использовать стандартный шаблон : НЕТ
Название виджета : ничего сюда не пишите
Содержание виджета * :

Код:

<style type="text/css">
#button_cont{
display:block;
}
</style>

Сохрание.
Перетащите виджет в правую колонку.
Естественно правая колонка виджетов на главной должна быть активирована.
Далее на виджете нажмите значок и снимите галочку у гостя.
Сохраните.
Далее.
В шаблон 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;
}

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

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

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

Я кстати нажала сейчас на ответить и не получилось Только быстрый ответ работает, это я наверное сама напортачила где-то? И редактировать тоже не пашет

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

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

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

Спойлер для полного ответа я не буду удалять, только картинку заменю

Вот и славненько)))