ANTICHAT.XYZ    VIDEO.ANTICHAT.XYZ    НОВЫЕ СООБЩЕНИЯ    ФОРУМ  
Баннер 1   Баннер 2
Antichat снова доступен.
Форум Antichat (Античат) возвращается и снова открыт для пользователей. Здесь обсуждаются безопасность, программирование, технологии и многое другое. Сообщество снова собирается вместе.
Новый адрес: forum.antichat.xyz
Вернуться   Форум АНТИЧАТ > Программирование > PHP, PERL, MySQL, JavaScript
Перезагрузить страницу растягиваемая мышью текстареа (как?)
   
Ответ
Страница 1 из 2 1 2 >
 
Опции темы Поиск в этой теме Опции просмотра

растягиваемая мышью текстареа (как?)
  #1  
Старый 09.02.2009, 19:57
Аватар для Дикс
Дикс
Познавший АНТИЧАТ
Регистрация: 16.04.2006
Сообщений: 1,488
Провел на форуме:
2209675

Репутация: 537


Отправить сообщение для Дикс с помощью ICQ
По умолчанию растягиваемая мышью текстареа (как?)
есть в друпале такая фича - задаёшь textarea класс и её нижняя кромка превращается в таскабельный прямоугольник, за который можно тянуть мышью и тем самым менять размер textarea.

как поюзал - теперь мучаюсь ужасно от нехватки этой фичи в других веб-приложениях, типа того же phpmyadmin, в котором зачастую очень сложно просматривать запрос в маленькой textarea.

в друпале эта хрень реализована на основе jquery и зашита где-то в движке.
мне ужасно лень рыться и доставать её оттуда, поэтому создаю эту тему - может у кого-нибудь есть готовая реализация непосредственно фичи? и очень желательно чтобы обходилась без jquery.

либо выкладывайте плз свои предположения по поводу того, как такое реализовать без jquery - и я этим займусь.. потом добавлю в phpmyadmin и выложу патч
 
Ответить с цитированием

  #2  
Старый 09.02.2009, 20:14
Аватар для blaga
blaga
Постоянный
Регистрация: 23.03.2006
Сообщений: 977
Провел на форуме:
2976185

Репутация: 694


Отправить сообщение для blaga с помощью ICQ
По умолчанию
на ачате есть прикол в расширенной форме ответа, типа внизу под текстареа, две надписи, жмякаяшь на одну, она увеличивает размер текстареа, жмякаешь на вторую уменьшает... может быть поможет?
 
Ответить с цитированием

  #3  
Старый 09.02.2009, 20:40
Аватар для Pashkela
Pashkela
Динозавр
Регистрация: 10.01.2008
Сообщений: 2,841
Провел на форуме:
9220514

Репутация: 3338


Отправить сообщение для Pashkela с помощью ICQ
По умолчанию
Пока такое нашел, чо найду еще - напишу

Растягивающийся textarea

Представим ситуацию когда пользователь вводит комментарий в textarea высотой 100px. Если комментарий умещается в эту область, то все отлично. Но если комментарий в несколько раз больше, то появляется прокрутка, которая может раздражать пользователя. Тогда можно растягивать textarea по высоте по мере заполнения. Вот так


// 500 - макс высота до которой будет растягиваться textarea
// 100 - изначальная высота textarea
<textarea style="width:600px; font-size:14px; height:100px;"
onkeyup="this.style.height=(a=(e=parseInt(this.sty le.fontSize)*(this.value.split('\n').length+2))
>(e2=500)?e2:e)<100?100:a;"></textarea>

Источник: http://ekimoff.ru/tag/javascript/

ну и в итоге то, что ты искал:

http://blogerstyle.com/jquery/avto-rastyagivayushheesya-pole-na-jquery

Цитата:
Авто-растягивающееся поле на jQuery

25.12.2008

Еще один плагин на jQuery, который мне по душе — Auto-Growing Textarea.

В отличие от плагинов, которые позволяют растягивать поле textarea вручную, Auto-Growing Textarea растягивает поле по мере добавления текста. На мой взгляд, это гораздо удобнее — и действий не надо лишних совершать и весь текст перед глазами )

<script type="text/javascript" src=".../jquery.js">
</script>
<script type="text/javascript" src=".../jquery.autogrow.js">
</script>
<script type="text/javascript">

$(document).ready (function() {
$('textarea.expanding').autogrow();
});
</script>

...

<textarea style="width: 300px; min-height: 100px;" class="expanding" name="myTextarea3"> <textarea>
Последний раз редактировалось Pashkela; 09.02.2009 в 20:45..
 
Ответить с цитированием

  #4  
Старый 09.02.2009, 21:06
Аватар для .:EnoT:.
.:EnoT:.
Постоянный
Регистрация: 29.05.2007
Сообщений: 852
Провел на форуме:
4832771

Репутация: 1916


По умолчанию
во) нарисовал:

PHP код:
<script type="text/javascript">    
function size(size, num){

    var field = document.getElementById('txt');
    if(size == 'h'){

        var height = field.style.height.replace('px', '');
        field.style.height = parseInt(height) + num + 'px';

    }else if(size == 'w'){

        var width = field.style.width.replace('px', '');
        field.style.width = parseInt(width) + num + 'px';

    }
}
</script>

<form name="forma" method="get">
<textarea cols="50" rows="10" style="width:300px;height:150px" name="txt" id="txt"></textarea><br/>
Высота <a href="javascript: size('h', 100)">+</a> <a href="javascript: size('h', -100)">-</a><br/>
Ширина <a href="javascript: size('w', 100)">+</a> <a href="javascript: size('w', -100)">-</a>
</form> 


Pashkela
Цитата:
желательно чтобы обходилась без jquery


А с перетаскиванием это нужно с Plug & Play. Щас попробую замутить)
 
Ответить с цитированием

  #5  
Старый 09.02.2009, 22:14
Аватар для Дикс
Дикс
Познавший АНТИЧАТ
Регистрация: 16.04.2006
Сообщений: 1,488
Провел на форуме:
2209675

Репутация: 537


Отправить сообщение для Дикс с помощью ICQ
По умолчанию
Pashkela
Цитата:
// 500 - макс высота до которой будет растягиваться textarea
// 100 - изначальная высота textarea
<textarea style="width:600px; font-size:14px; height:100px;"
onkeyup="this.style.height=(a=(e=parseInt(this.sty le.fontSi ze)*(this.value.split('\n').length+2))
>(e2=500)?e2:e)<100?100:a;"></textarea>
спасибо, оч. красивое решение

а вот второе с джиквери - имхо отстой, при учете наличия первого.
мало того что требуется наличие jquery+plugin 57 kb --- (у меня в движке страницы по 3 кб весят!) так ещё и глючно: бордер у текстареи пропадает, сначала ваще не мог понять где текстарея, а когда несколько раз пощёлкал ентер скрипт завис и низ текстареи до сих пор подёргивается на месте..

blaga
ага, видел.
по-моему админам пофигу на мелкие глюки ачата - там текст сливается с фоном, в редактировании поста я могу видеть свою старую подпись, хотя движок её не показывает больше нигде.

.:EnoT:.
научил меня как правильно менять значение, содержащее 'px'

В общем, пока, самое первое решение Pashkela - лучшее, но думаю можно найти подобное - красивое и минималистичное - для того чтобы тягать текстарею мышкой.

Все понимают что я имею ввиду?
на http://drupal.ru/ есть такая арея, но там надо регаться, чтобы её увидеть.
вот она к примеру здесь: http://drupal.ru/node/24005?destination=node%2F24005
 
Ответить с цитированием

  #6  
Старый 11.02.2009, 22:46
Аватар для Дикс
Дикс
Познавший АНТИЧАТ
Регистрация: 16.04.2006
Сообщений: 1,488
Провел на форуме:
2209675

Репутация: 537


Отправить сообщение для Дикс с помощью ICQ
По умолчанию
жаль что никто не знает =\
 
Ответить с цитированием

  #7  
Старый 11.02.2009, 23:06
Аватар для cash$$$
cash$$$
Banned
Регистрация: 06.01.2008
Сообщений: 413
Провел на форуме:
1301036

Репутация: 1334
Отправить сообщение для cash$$$ с помощью ICQ
По умолчанию
Вот простой пример растягивание textarea по вертикали

Код:
<html>
<head>
<style>
div.text_editor textarea
{
  width: 398px;
  height:100px;
} div.text_editor div { 
  background: #e2e2e2 url("resizer.gif") no-repeat;
  background-position:center;
  height:10px;
  width:400px;
  font-size:.01em;/* поправка высоты для IE */
  cursor:s-resize;
}
</style>
<script src="textareaResizer.js"></script>
<title>Демонстрация textareaResizer</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<h1>Пример</h1>
<div class="text_editor">
<textarea name="text" id="ta_text">Этот textarea будет растягиваться по вертикали</textarea>
<div id="ta_text_resizer" onMouseDown="textareaResizer(event);">&nbsp;</div>
</div>
</body>
</html>
 
Ответить с цитированием

  #8  
Старый 12.02.2009, 09:01
Аватар для Дикс
Дикс
Познавший АНТИЧАТ
Регистрация: 16.04.2006
Сообщений: 1,488
Провел на форуме:
2209675

Репутация: 537


Отправить сообщение для Дикс с помощью ICQ
По умолчанию
cash$$$
а где: <script src="textareaResizer.js"></script ??
 
Ответить с цитированием

  #9  
Старый 12.02.2009, 12:18
Аватар для Zedi
Zedi
Постоянный
Регистрация: 06.06.2007
Сообщений: 335
Провел на форуме:
1487377

Репутация: 392
Отправить сообщение для Zedi с помощью ICQ
По умолчанию
Дикс, ты постоянно говоришь про друпал. Что тебе мешает выдрать этот код из друпала? Имхо ставь на jquery, я свой двиг тоже делаю и там его использую
 
Ответить с цитированием

  #10  
Старый 12.02.2009, 13:48
Аватар для Дикс
Дикс
Познавший АНТИЧАТ
Регистрация: 16.04.2006
Сообщений: 1,488
Провел на форуме:
2209675

Репутация: 537


Отправить сообщение для Дикс с помощью ICQ
По умолчанию
я говорил что в моём движке страницы по 2-3 килобайта и не единой картинки?
как думаешь, разумно будет подключать туда 30 кб jquery на каждой странице?
 
Ответить с цитированием
Ответ
Страница 1 из 2 1 2 >



« Предыдущая тема | Следующая тема »
Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Баг в ИЕ (отображение html в изображениях). Как юзать. censored! Авторские статьи 54 21.08.2009 06:42
Мой ржачный разговор в аське с кем-то вроде как с античата, как я подумал Дрэгги Болталка 21 22.07.2007 12:33
Как своими руками превратить блок питания в обогреватель dinar_007 Аппаратное обеспечение 3 14.04.2006 22:26



Здесь присутствуют: 1 (пользователей: 0 , гостей: 1)
 


Быстрый переход




ANTICHAT.XYZ