3 сентября 2009-го

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

3 сентября 2009, 11:37

Advancing Textarea (Google chrome hints)

TextArea гибкий и расширяемый тэг. У него есть удобный параметр wrap, который определяет правило переноса строк. Имеет два значения hard (по-умлчанию) и soft off :)

Добавив ивент onclick=«select();» мы можем превратить его в удобный инструмиент для копипаста ;)

В конечном итоге получим простой сриптик
<!-- со скролом, для длииинных строк -->
<textarea onclick="select();" style="width: 600px; height: 36px;" wrap="off"></textarea>
<!-- без скрола -->
<textarea onclick="select();" style="width: 600px; height: 16px;"></textarea>
Хром умеет ресайзить любые textarea, это можно ограничить или упразнить
.limit_ta {
	/* ограничиваем textarea по высоте и ширине */
	max-width: 100px; 
	max-height: 100px;
}
.cancel_resize {
	resize: none; /* отключаем ресайз textarea */
}
.wrapoff {
	/* css analog wrap='off' */
	white-space: nowrap;
	overflow: auto;
}
1 сентября 2009-го  . . .       Ctrl       4 сентября 2009-го