Прячем смайлики

Начнем с конца. Сущая мелочь, но после этого мне стало гораздо комфортнее на моем новом сайте.

Итак, последним, что я (чуть-чуть) изменил в MaxSite, стал плагин «Кнопки смайлов для формы комментария» comment_smiles.

Не знаю, как кого, а меня сильно раздражает эта желтая компания, тем более. что сам пользуюсь двумя-тремя стандартными смайликами, которые набираю ручками. А надо «чтоб было», такова природа человека: не пропадать же добру! Но чтоб глаза не мозолило. Тут и прикрутились, как бы сами собой, несколько строчек jQuery.

$(document).ready(function() { // вариант Максима

    $("p.comment_smiles").hide();

    $(".btn-smiles").hover(function() {
        $(this).toggleClass("btn-hov1");
    });
    $(".btn-smiles").click(function() {
        $(".comment_smiles").slideToggle("slow").toggleClass("show");
        $(this).toggleClass("btn-hov2");
    });
});

Sorry for my poor English jQuery, однако, это работает. Сдается мне, большего здесь и не нужно.

Этот кусочек кода просто добавляется в файл comment_smiles.js одноименного плагина. Классы позволяют меять вид управляющего элемента (у меня это кнопка, которая реагирует на события мыши) и самого контейнера со смайлами.

В файл плагина index.php необходимо добавить контейнер, который управляет этм «входит-выходит». В зависимости от вашего дизайна либо выше строчки

echo '<p style="padding-bottom:5px" class="comment_smiles">';

либо ниже

echo '</p>';

надо вставить

echo NR . '<div class="btn-smiles"></div>' . NR;

Также в зависимости от дизайна находим место для предупреждения, если JavaScript отключен:

echo '<noscript><p class="comment-noscript"><strong>' . t('Для функционирования кнопок форматирования текста и смайлов требуется JavaScript') . '</strong></noscript>' . NR;

И всё! Добавьте стили, нарисуйте кнопку или просто напишите подходящее слово.

Если у вас Firefox, то с помощью Firebug вы можете посмотреть прямо здесь, как это работает. Google Chrome, Opera и IE - начиная чуть ли не с 7 версии, имеют встроенные средства разработчика, причем у Chrome и у Opera они доступны из контекстного меню. Для Safari есть Firebug Lite, его можно установить: Настройки → Галерея расширений Сафари → Extension categories → Developer → Firebug Lite for Safari

P.S. С обсуждением темы на форуме и окончательным вариантом, предложенным Максимом, можно ознакомиться здесь: http://forum.max-3000.com/viewtopic.php?f=6&t=3192