Резиновое поле комментариев

Установив вертикальный размер для textarea, мы заставляем пользователя просматривать только часть своих комментариев при их наборе. Вертикальная полоса отчасти решит эту проблему. Но не всем нравиться ее прокручивать, да и удобнее сразу видеть весь текс. С другой стороны давать пользователи слишком широкое и высокое поле textarea,тоже не хочетса.

Выходом из создававшиеся положение является небольшой js скрипт, который позволит пользователю настроить поле редактирования по своему желанию.

Загружаем кода.

Ищем следующий кусок кода в шаблоне comments.php

<p><textarea name="comment" id="comment" cols="100%" rows="10" tabindex="4"></textarea></p>

и заменяем на

<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/resizetextbox.js"></script>
<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/css/resizetextbox.css" type="text/css" media="screen" />
<span id="rtContainer">
   <script type="text/javascript">
      var rt = new ResizeableTextbox('comment');
      rt.SetCurrentWidth(420);
      rt.SetCurrentHeight(100);
      rt.SetMaxWidth(754);
      rt.SetMaxHeight(400);
      rt.GetTextArea().id = 'comment';
      rt.GetTextArea().name = 'comment';
      document.getElementById('rtContainer').appendChild(rt.GetContainer());
      rt.StartListening();
   </script>
</span>

Некоторые пояснения

rt.SetCurrentWidth(420) - первоначальная ширина поля

rt.SetCurrentHeight(100) – первоначальная высота поля

rt.SetMaxWidth(754) – максимальная ширина поля

rt.SetMaxHeight(400) – максимальная ширина поля

Вот и все, я думаю теперь комментировать ваши посты стало приятнее.

Источник