Страница 1 из 1
Textarea Resizer!
Добавлено: 20 фев 2009, 00:17
AllCity
Думаю все понятно
а я только расскажу как его подключить.
Шаблон
Форум -
Общий вид страниц форума перед
<body>:
Код: Выделить всё
<script type="text/javascript" src="/resizer/jquery.textarearesizer.js"></script>
<script type="text/javascript">
/* jQuery textarea resizer plugin usage */
$(document).ready(function() {
$('textarea#message').addClass('resizable'); // My add
$('textarea.resizable:not(.processed)').TextAreaResizer();
});
</script>
а это в
CSS:
Код: Выделить всё
/* == jQuery Textarea Resizer == */
div.grippie {
background:#EEEEEE url('/resizer/grippie.png') no-repeat scroll center 2px;
border-color:#DDDDDD;
border-style:solid;
border-width:0pt 1px 1px;
cursor:s-resize;
height:9px;
overflow:hidden;
}
/* ============================= */
после чего создаем в корне сайта папку
resizer и закачиваем туда содержимое этого архива.
Re: Textarea Resizer!
Добавлено: 20 фев 2009, 00:34
versaces
У мну не работает
А задумка не плохая !!
Re: Textarea Resizer!
Добавлено: 20 фев 2009, 07:35
Nigelist
AllCity, Большой-большой пасиб!!! Давно хотел что нить такое...
З.Ы. А еще есть проблема с редактированием текста в окне, а именно когда например заключаешь текст в тег или вставляешь ссылку, курсор перескакивает в начало сообщения, что очень неудобно и раздражает. Можно ли решить эту проблему?
versaces писал(а):У мну не работает
У мну работает... Можа тебе кэш браузера очистить надо?
Re: Textarea Resizer!
Добавлено: 20 фев 2009, 09:36
BL_AF
все работает
Re: Textarea Resizer!
Добавлено: 20 фев 2009, 09:40
AllCity
Nigelist писал(а):проблема с редактированием текста в окне, а именно когда например заключаешь текст в тег или вставляешь ссылку, курсор перескакивает в начало сообщения
У меня все вроде работает нормально.
Re: Textarea Resizer!
Добавлено: 20 фев 2009, 09:59
AllCity
Вот версия на
JS не какого
jQ не надо.
Шаблон
Форум -
Общий вид страниц форума в
HEAD:
Код: Выделить всё
<script type="text/javascript" src="/textarearesizer/textareaResizer.js"></script>
это в
CSS:
Код: Выделить всё
/* == Textarea Resizer == */
div.text_editor div {
background:#e2e2e2 url('/textarearesizer/resizer.gif') no-repeat;
background-position:center;
height:10px;
width:100%;
font-size:0.01em; /* поправка высоты для IE */
cursor:s-resize;
}
/* ===================== */
и в шаблоне
Форум -
Форма добавления сообщения заменяем:
на
Код: Выделить всё
<div class="text_editor">
$_MESSAGE$
<div id="message_resizer" onMouseDown="textareaResizer(event);"> </div>
</div>
после чего создаем в корне сайта папку
textarearesizer и закачиваем туда содержимое этого архива.
Re: Textarea Resizer!
Добавлено: 20 фев 2009, 11:17
Nigelist
AllCity писал(а):У меня все вроде работает нормально.
Тошна, работает!!!
Просто я не проверял...
