Форум временно переведен в режим "Только для чтения". По вопросам технической поддержки, обращайтесь, пожалуйста на admin@getbb.ru

Простейший smile-BOX с ползунком

Интересные скрипты, хитрости, трюки с оформлением, "недокументированные" возможности, всяческие "довески" к форумам. HTML, CSS, JavaScript и т.п. (только готовые рецепты)
Правила форума
В этой теме выкладываем только готовые "рецепты", если у вас есть чем поделиться.
Пожалуйста, не нужно создавать темы с запросами на тот или иной скрипт
Ответить

Автор темы
LEOPARD
Сообщения: 76
Зарегистрирован: 01 май 2017, 05:17
Благодарил (а): 13 раз
Поблагодарили: 16 раз
Пол:
Контактная информация:

Простейший smile-BOX с ползунком

Сообщение LEOPARD » 08 окт 2017, 17:28

В настройках стиля добавить:

Код: Выделить всё

/* Смайлы с ползунком */
#smiley-box {
	height: 300px;
	overflow: auto;
}
[+] Показать
Изображение
Либо есть еще вариант:
- В файле overall_footer_after.html добавить

Код: Выделить всё

<script type="text/javascript">
$(function() {
	var txt = $('#message-box textarea'),
		sBlock = $('#smiley-box').css({
			'max-height': '500px',
			'min-height': txt.height()+'px',
			'height': txt.height()+'px',
			'overflow-x': 'auto'
		}).append('<div class="smiles-div" style="display: none;" />'),
		hdBlock = $('.smiles-div'),
		content = null,
		height = txt.height();
 
	txt.bind('keyup', function() {
	    content = txt.val();
	    content = content.replace(/\n/g, '<br>');
	    hdBlock.html(content);
	    sBlock.css('height', hdBlock.height());
	});
});
</script>
Тогда смайлы будут растягиваться в низ с формой ответа.
[+] Показать
ИзображениеИзображение
Первоисточник и автор скрипта CabinetAdmin

Ответить