Кнопка с меняющейся по клику иконкой (bootstrap)

Имеется кнопка подписки/отписки в профиле пользователя с иконкой:
<li class="follow">
    <a href="#" onclick="ls.user.followToggle(this, {$oUserProfile->getId()}); return false;" class="btn btn-xs btn-default">
        <i class="icon{if $oUserProfile->isFollow()} icon-minus{else} icon-plus{/if}></i>{if $oUserProfile->isFollow()} {$aLang.profile_user_unfollow}{else} {$aLang.profile_user_follow}{/if}
    </a>
</li>


Чуть выше прогружаютя текстовки:
<script>
    jQuery(function($){
        ls.lang.load({lang_load name="profile_user_unfollow,profile_user_follow"});
    });
</script>


Стоит задача, чтобы иконка менялась в соответствие с текущим статусом подписки.
Получается, но при подписке иконка исчезает и появляется только при перезагрузке страницы. Т.е. if-ы в классах иконки сразу не отрабатывают.

При подписке для li.follow a задется класс followed.
Это делает скрипт из user.js:
this.followToggle = function(obj, iUserId) {
    if ($(obj).hasClass('followed')) {
        ls.stream.unsubscribe(iUserId);
        $(obj).toggleClass('followed').text(ls.lang.get('profile_user_follow'));
    } else {
        ls.stream.subscribe(iUserId);
        $(obj).toggleClass('followed').text(ls.lang.get('profile_user_unfollow'));
    }
    return false;
};

Попробовал задать для li.follow a background-image с нужными координатами в спрайте, а для li.follow a.followed соответствующий background-position. Все работает как надо. Но «рушиться» bootstrap-овская кнопка и надо верстать вручную.

Вопрос: Что необходимо дописать в скрипт выше, чтобы иконке задавался соответствующий класс (icon-plus и icon-minus)?

textarea, button и iframe внутри топика

Уже не раз добавлял в Jevix.php свои надстройки. Например, разрешил image map, onmouseover и т.п. Всё начинало работать.

Но когда разрешил button и textarea, а также их параметры:
array('textarea', array('name','cols'=>'#int','rows'=>'#int')),
array('button',array('id'))


то отображается только button (без id — т.е. он удаляется), textarea вообще не появляется. А iframe появляется пустым.

не подскажите, как решить эту проблему?

button focus в Opera

Столкнулся с такой штукой. В Опере есть такая особенность, если зайти по адресу livestreet.ru/login и если установить фокус в одном из инпутов, то кнопка получает фокус в виде бордюра чёрного цвета. Понятно, что в CSS описан стиль кнопки и есть бордюр, но бордюр светло-серого цвета. в других браузерах такой проблемы нет. Если в стилях бордюр вообще убрать, то проблема исчезает, но я хочу стилизованную кнопку как на LS по-умолчанию. Какие варианты решения могут быть? Я уже сломал голову. Спасибо.

Кто пытался реализовать Google +1 кнопку?

www.google.com/webmasters/+1/button/index.html

code.google.com/apis/+1button/

Кто-нибудь пытался реализовать?

Update:

Topic_list.tpl


<literal>
<g:plusone size="small" href="{$oTopic->getUrl()}"></g:plusone>
</literal>


Header.tpl


{literal}
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
{/literal}