Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.71/7: Рейтинг темы: голосов - 7, средняя оценка - 4.71
Vovan222
0 / 0 / 0
Регистрация: 07.09.2010
Сообщений: 1
1

изменение размера textarea

10.09.2010, 23:43. Просмотров 1228. Ответов 1
Метки нет (Все метки)

Здравствуйте есть такой код, который позволяет динамически изменять высоту textarea:
Javascript
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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!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">
 
<head>
  <title>изменение размера textarea</title>
<style type="text/css">
body {
background-color:#004B52;
}
textarea{
  background-color: #FF0000;
  color:yellow;
  resize:none;
  height:auto;
}
</style>
<script language="JavaScript" type="text/javascript">
function flexibleTextarea(b) {
    var a = document.getElementById(b) || b;
    if (a) {
        a.style.overflow = "hidden";
        var e = a.rows = a.rows > 0 ? a.rows : 2;
        b = a.cols = a.cols > 0 ? a.cols : 20;
        var g = RegExp("([^\r\n]{" + b + "})([^\r\n])"),
            f = RegExp("[^\n]{" + b + "}\n?$|[^\n]{0," + b + "}\n");
        a.onkeydown = function () {
            a.value = a.value.replace(g, "$1\r\n$2");
            for (var c = 0, d = a.value; d.search(f) >= 0;) {
                c++;
                d = d.replace(f, "")
            }
            c++;
            if (c < e) c = e;
            a.rows = c
        }
    }
};
window.onload = function(){
flexibleTextarea('textarea');
}
</script>
</head>
<body>
<textarea id='textarea'   rows="3"    cols="50" ></textarea>
</body>
</html>
однако в IE и Opera наблюдаю. следующий баг, При печати текста, textarea расширяется на одну строчку по вертикали даже тогда когда в последней строчке еще есть место примерно для 10 символов

изменение размера textarea


Подскажите пожалуйста как исправить эту проблему

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
10.09.2010, 23:43
Ответы с готовыми решениями:

Изменение размера окна -> изменение размера картинки
Есть картинка на Homepage, как сделать так, что бы при изменении окна браузера...

Изменение размера блока в зависимости от его размера
Ребят в JS я вообще новичок, и при создании блога вышел нюанс, что без js не...

Изменение значения TEXTAREA со страницы
У меня есть &lt;SELECT name='shipper'&gt; &lt;option value='value 1'&gt;1 &lt;option...

При добавлении поля <textarea> во всех предыдущих <textarea> все стирается
&lt;body&gt; &lt;input type=&quot;button&quot; value=&quot;Add note&quot; onclick=&quot;add('notes',0)&quot;&gt; ...

Изменение размера таблицы
Здравствуйте! Помогите пожалуйста, таблица 1 расположена ниже шапки сайта её...

1
ostgals
883 / 678 / 101
Регистрация: 23.01.2009
Сообщений: 1,582
11.09.2010, 09:13 2
В Chrome тоже такой "баг". Из всех моих 4-х браузеров только Firefox работает как задумывалось.

Внешне выглядит так, будто несмотря на overflow:hidden места для скролбаров (где-то только для вертикального, а где-то для обоих) все равно резервируется. Поэтому перенос идет раньше на несколько символов. Кстати, сделать так как на вашем скриншоте у меня ни в одном браузере не получилось.
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
11.09.2010, 09:13

Изменение размера картинки
Имеется картинка с большим разрешением (к примеру: 2000х3000, соотношение...

Изменение размера шрифта
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;practise&lt;/title&gt; &lt;style...

Изменение размера картинки
Имеется картинка, размер её произвольный т.е. пользователь загружает...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru