|
|
|
| собственно хочется чтобы не появлялась полоса прокрутки при большем количестве текста, а происходило увеличение высоты <textarea> ,ну и при удаление строк чтобы высота тоже уменьшалась.
возможно такое организовать? /ширина у <textarea> фиксированная/ | |
|
|
|
|
|
|
|
для: AlexSol
(21.04.2007 в 21:27)
| |
<script>onload=function(){
with(document.getElementById('t1')){
style.height=scrollHeight+4+'px';}}</script>
<textarea id=t1>fsdf
ds
fds
f
dsf
ds
f</textarea>
| Надо проверить поведение во всех браузерах, особенно в версиях FF1.07-1.5-2.0. Результаты будут разные, они там накосячили. | |
|
|
|
|
|
|
|
|
для: CNT
(22.04.2007 в 03:36)
| | CNT: а год? | |
|
|
|
|
|
|
|
для: 12345
(22.04.2007 в 03:42)
| | Рекламирую только скрипты, проверенные временем :-)) | |
|
|
|
|
|
|
|
для: CNT
(22.04.2007 в 03:45)
| | спачибо! для ie (мне интересно от 6)
работает следующее:
<textarea style="height:200px;" onpropertychange="if (event.propertyName=='value'){this.style.height=this.scrollHeight+4+'px';};">fsdf
ds
fds
f
dsf
ds
f</textarea>
|
может подскажете как быть с остальными броузерами? | |
|
|
|
|
|
|
|
для: AlexSol
(22.04.2007 в 08:45)
| | нашел такой вариант http://www.clone.h16.ru/css-js/7/index.htm
видимо вопрос сводиться к тому, как отследить onpropertychange для не IE. | |
|
|
|
|
|
|
|
для: AlexSol
(22.04.2007 в 09:21)
| | Мультиброузерность можно попробовать в таком роде:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Sample</title>
</head>
<body style="font: 1em arial,helvetica,sans-serif;">
<script type="text/javascript">
<!--
function numbersRowsUp(e,obj,numrows)
{
if (e.keyCode=='13'){obj.rows=obj.rows+1;}
}
function numbersRowsDown(e,obj,numrows)
{
if (e.keyCode=='46' || e.keyCode=='8')
{
var counter=1;
var stringsplit= new Array();
stringsplit=obj.value.split('');
for(var i=0;i<stringsplit.length;i++)
{
if(stringsplit[i]=='\n')
{
counter+=1;
}
}
if(numrows>counter)
{
obj.rows=counter;
}
}
}
// -->
</script>
<textarea rows="1" onkeydown="numbersRowsUp(event,this,this.rows);" onkeyup="numbersRowsDown(event,this,this.rows);">
</textarea>
</body>
</html>
|
| |
|
|
|