Comments 46
Отлично, теперь длинные абзацы тоже окошко расширяют.
0
Да, но не в момент переноса строки, а когда попало...
Например когда я начал писать вторую строку этого сообщения он сделал дополнительный перенос, а когда я дошел до края он его не сделал.
Т.е. отсчёт идёт от первого символа текста, а не первого символа абзаца.
Например когда я начал писать вторую строку этого сообщения он сделал дополнительный перенос, а когда я дошел до края он его не сделал.
Т.е. отсчёт идёт от первого символа текста, а не первого символа абзаца.
0
не в этом дело
просто мы не знаем длину строки
а так он увеличивается и все, хуже от этого не сильно становится ))
просто мы не знаем длину строки
а так он увеличивается и все, хуже от этого не сильно становится ))
0
Да я-то понимаю... Просто раньше места не хватало, а теперь его даже больше, чем нужно. Не обращайте внимания на перфекциониста, всё же я тестировщик. :)
Кстати, есть один несильно приятны эффект.
1. Щелкаем в самом нижу топика на добавление нового комментария.
2. Пишем что-то длинное.
До первого изменения размера поле остается большим, но потом резко схлопывается. Пусть оно или открывается сразу таким же, как и остальные, или не схлопывается. Впрочем, это снова мои перфекционистские замашки. ;)
Кстати, есть один несильно приятны эффект.
1. Щелкаем в самом нижу топика на добавление нового комментария.
2. Пишем что-то длинное.
До первого изменения размера поле остается большим, но потом резко схлопывается. Пусть оно или открывается сразу таким же, как и остальные, или не схлопывается. Впрочем, это снова мои перфекционистские замашки. ;)
0
Классно, я этой панельки очень ждал.
Надеюсь, что твой топик будет лидировать на этой неделе!
Надеюсь, что твой топик будет лидировать на этой неделе!
0
Справа серое поле не вровень с границой текстовой области. FF 2
0
UFO just landed and posted this here
Товарищи на убунтах сидят. У граждан в макосафари все и так замечательно расширялось)
0
Панелька мне не нужна, а вот авторасштрение - это клёво :)
0
Opera 9.50.9789… Полёт нормальный :)
0
ничего из топика толком не понятно, видимо что-то пропустил.
по самому скрипту. там высчитывается cols, при этом как я понял все завязывается на ширине одной буквы - 8 пикселей.
Я когда делал авторесайз сделал скрытый textarea с высотой 10пискелей и шириной такой же, как у вводимого поля. Затем заполнял скрытый контейнер и уже полю ввода присваивал значение scrollHeight. Так мне кажется универсальнее. Правда я особо не тестировал под разные браузеры, но под мозилой работает точно.
Извините если не в тему...
по самому скрипту. там высчитывается cols, при этом как я понял все завязывается на ширине одной буквы - 8 пикселей.
Я когда делал авторесайз сделал скрытый textarea с высотой 10пискелей и шириной такой же, как у вводимого поля. Затем заполнял скрытый контейнер и уже полю ввода присваивал значение scrollHeight. Так мне кажется универсальнее. Правда я особо не тестировал под разные браузеры, но под мозилой работает точно.
Извините если не в тему...
0
а можно чуток поподробнее? интересен этот метод :)
0
Ну предыстория такая. Мне как-то рассказали про сайт, который по вводимой ссылке говорит, посещался ли он вами или нет. Вся соль метода заключалась в том, чтобы создать в документе вводимый линк и посмотреть какой стиль браузер на него вешает. Если стиль a:visited (то есть посещалась ссылка) значит сайт посещался.
Исходя из этого я решил использовать браузер и для ресайза. Зачем нам высчитывать что-то, если достаточно смоделировать ситуацию и браузер все отрисует сам, а мы только подгоним все. Код примерно так выглядит (нуждается в оптимизации и в проверке в других браузерах несомненно, меня устроил и такой вариант):
function adjustTextareaHeight( textarea_object )
{
var textarea_for_autosize = DOM.getElementById( 'textarea_for_autosize' );
textarea_for_autosize.style.width = textarea_object.offsetWidth + 'px';
textarea_for_autosize.style.height = '10px';
textarea_for_autosize.value = textarea_object.value;
if( textarea_for_autosize.offsetHeight != textarea_for_autosize.scrollHeight ) textarea_for_autosize.style.height = textarea_for_autosize.scrollHeight + 'px';
textarea_object.style.height = textarea_for_autosize.offsetHeight + 'px';
if( textarea_object.offsetHeight != textarea_object.scrollHeight ) textarea_object.style.height = textarea_object.scrollHeight + 'px';
}
<div style="width: 0px; height: 0px; overflow: hidden">
<textarea id="textarea_for_autosize"/>
</div>
<textarea name="comment" style="height: 10px; overflow: hidden;" onKeyUp="adjustTextareaHeight(this);">
</textarea>
Исходя из этого я решил использовать браузер и для ресайза. Зачем нам высчитывать что-то, если достаточно смоделировать ситуацию и браузер все отрисует сам, а мы только подгоним все. Код примерно так выглядит (нуждается в оптимизации и в проверке в других браузерах несомненно, меня устроил и такой вариант):
function adjustTextareaHeight( textarea_object )
{
var textarea_for_autosize = DOM.getElementById( 'textarea_for_autosize' );
textarea_for_autosize.style.width = textarea_object.offsetWidth + 'px';
textarea_for_autosize.style.height = '10px';
textarea_for_autosize.value = textarea_object.value;
if( textarea_for_autosize.offsetHeight != textarea_for_autosize.scrollHeight ) textarea_for_autosize.style.height = textarea_for_autosize.scrollHeight + 'px';
textarea_object.style.height = textarea_for_autosize.offsetHeight + 'px';
if( textarea_object.offsetHeight != textarea_object.scrollHeight ) textarea_object.style.height = textarea_object.scrollHeight + 'px';
}
<div style="width: 0px; height: 0px; overflow: hidden">
<textarea id="textarea_for_autosize"/>
</div>
<textarea name="comment" style="height: 10px; overflow: hidden;" onKeyUp="adjustTextareaHeight(this);">
</textarea>
+1
этот юзерскрипт работает на всех сайтах:
http://clear.com.ua/projects/firefox/ctr…
расставляет «лапки», —, ™, ©, …
использует упрощённый markup: *bold* _italic_ -striked-
соотв. мышка не требуется
http://clear.com.ua/projects/firefox/ctr…
расставляет «лапки», —, ™, ©, …
использует упрощённый markup: *bold* _italic_ -striked-
соотв. мышка не требуется
+2
а я украинский не понимаю :(
0
СПАСИБО
0
Классно работает, одна трабла стиль цитирования не предназначен для использования на хабре. Хабр его сгрызает.
Поэтому рекомендую вместо строки:
Использовать:
Поэтому рекомендую вместо строки:
[/\({2}([\S\s]+?)\){2}\n?/g, '<div style="border-left: 5px solid silver; padding: 5px 10px; background: #eee;">$1</div>'],
Использовать:
[/\({2}([\S\s]+?)\){2}\n?/g, '<blockquote>$1</blockquote>'],
0
> этот юзерскрипт работает на всех сайтах:
Эта раскладка работает во всех windows-приложениях:
http://ilyabirman.ru/tools/typography-layout/
Расставляет:
«елочки», которы Вы назвали „лапки“
° градусы
— длинные тире
± математические
§ ® © ™ ? и многие другие символы… (← а это было многоточие, а не какието-то три точки подряд :)
Эта раскладка работает во всех windows-приложениях:
http://ilyabirman.ru/tools/typography-layout/
Расставляет:
«елочки», которы Вы назвали „лапки“
° градусы
— длинные тире
± математические
§ ® © ™ ? и многие другие символы… (← а это было многоточие, а не какието-то три точки подряд :)
0
О! Солидол! Зенкую вери матч.
0
Я не знаю в чем дело, но при попытке вставить картинку у меня открывается пустое окно, если я смотрю код то он есть, а окно всё равно пустое, даже если обновляю. У меня фокс 3.0.
0
При ответе на комментарий в Опере проблемы с прорисовкой кнопок.
Версия 9.26
Сборка 8835
Платформа Win32
Система Windows XP
0
Большое спасибо за дополнение! Надеюсь на дальнейшее развитие ;-)
0
А можно добавить в этот скриптик ещё такой дополнительный функционал, чтобы комментарий по Ctrl+Enter постился?
0
UFO just landed and posted this here
а нельзя чтобы не ставить в каждый браузер скрипты?
все скрипты должны быть на сайте, я считаю.
все скрипты должны быть на сайте, я считаю.
0
В FF3 выдал "Script could not be installed ReferenceError: GM_getConfig is not defined"
как лечить?
как лечить?
0
прочитал в коде скрипта про "учебник по грисманки", где бы его нарыть, подскажите пожалуйста.
надо один скрипт родить и никак не могу :(
надо один скрипт родить и никак не могу :(
0
Здорово! Просто отличная идея!
Как это я раньше не заприметил этого замечательного скрипта?!
Всё таки полезно иногда переустанавливать ось.
Как это я раньше не заприметил этого замечательного скрипта?!
Всё таки полезно иногда переустанавливать ось.
0
upgrade needed!
: D
: D
0
Sign up to leave a comment.
Хабрахакер 2.3