Textarea Resizer!

Сообщение **AllCity** » 20 фев 2009, 00:17

Думаю все понятно

а я только расскажу как его подключить.
Шаблон Форум - Общий вид страниц форума перед <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 и закачиваем туда содержимое этого архива.

versaces · Сообщение **versaces** » 20 фев 2009, 00:34

У мну не работает

А задумка не плохая !! :!:

Nigelist · Сообщение **Nigelist** » 20 фев 2009, 07:35

AllCity, Большой-большой пасиб!!! Давно хотел что нить такое...

З.Ы. А еще есть проблема с редактированием текста в окне, а именно когда например заключаешь текст в тег или вставляешь ссылку, курсор перескакивает в начало сообщения, что очень неудобно и раздражает. Можно ли решить эту проблему?

versaces писал(а):У мну не работает

У мну работает... Можа тебе кэш браузера очистить надо?

BL_AF · Сообщение **BL_AF** » 20 фев 2009, 09:36

все работает

Сообщение **AllCity** » 20 фев 2009, 09:40

Nigelist писал(а):проблема с редактированием текста в окне, а именно когда например заключаешь текст в тег или вставляешь ссылку, курсор перескакивает в начало сообщения

У меня все вроде работает нормально.

Сообщение **AllCity** » 20 фев 2009, 09:59

Вот версия на 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;
}
/* ===================== */

и в шаблоне Форум - Форма добавления сообщения заменяем:

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

$_MESSAGE$

на

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

<div class="text_editor">
$_MESSAGE$
<div id="message_resizer" onMouseDown="textareaResizer(event);">&nbsp;</div>
</div>

после чего создаем в корне сайта папку textarearesizer и закачиваем туда содержимое этого архива.

Nigelist · Сообщение **Nigelist** » 20 фев 2009, 11:17

AllCity писал(а):У меня все вроде работает нормально.

Тошна, работает!!! :good:

Просто я не проверял... :yahoo:

Web-Codes

Textarea Resizer!

Textarea Resizer!

Re: Textarea Resizer!

Re: Textarea Resizer!

Re: Textarea Resizer!

Re: Textarea Resizer!

Re: Textarea Resizer!

Re: Textarea Resizer!