Вопросы по HTML форме (textarea и button)?

evshi · 4 Сен 2009

Вопросы по HTML форме (textarea и button)?

Есть html форма (<form>...</form>).

1. В ней есть textarea с определенными размерами. Как можно сделать, чтобы при клике на textarea оно бы меняло размеры (увеличивалось)?

2. Также в форме есть кнопка отправки данных. Как сделать так, чтобы при клике на кнопку она бы стала неактивной?

basboy · 4 Сен 2009

1. Нужно через Js изменить свойство width и/или height textarea
2. Нужно установить в true свойство disabled кнопки

evshi · 4 Сен 2009

По первому сделал так:
<script type="text/javascript">
function makeBigger(direction) {
var txtarea = document.getElementById('rev');
if (direction==1) {
txtarea.cols = txtarea.cols + 15;
txtarea.rows = txtarea.rows + 10;
}
document.getElementById("textarea_next_time").value=txtarea.cols+","+txtarea.rows;
}
</script>

При клике увеличивается. Но если кликать еще, то увеличивается еще больше

Я в js совсем слабенький, подскажите, плз, как остановить этот процесс, т.е. чтобы один клик только делать?

Попробовал вот так:
<script type="text/javascript">
function makeBigger(direction) {
var txtarea = document.getElementById('rev');
var stop=0;
if ((direction==1) and (stop!=1)) {
txtarea.cols = txtarea.cols + 15;
txtarea.rows = txtarea.rows + 10;
stop=1;
}
document.getElementById("textarea_next_time").value=txtarea.cols+","+txtarea.rows;
}
</script>

Вообще не работает...

maxwell · 4 Сен 2009

evshi, ээм. «var stop=0;» в функции локальная переменная. Как функция выполняется, так сразу переменная "стриается",
при очередном вызове функции ты опять её создаешь и инициализируешь с нулевым значением.

Т.е.

PHP:

if ((direction==1) and (stop!=1))

никогда не выполнится.
Кстати, про direction не понял вообще.

Советую проверять именно размеры textarea, а не заводить какую-то глобальную переменную.

Ну а в принципе, я как-то не догоняю зачем это тебе? Установи сразу «нужный» размер. Это будет лучшее решение.
А кнопку дизейблить можно, но тогда еще и ползунок (или любой другой индикатор загрузки) надо вставить. Иначе непонятно, чего это кнопка вдруг не "жмякается".

-~{}~ 04.09.09 20:52:

Ах, да... отступы!

pilot911 · 4 Сен 2009

в html пишешь
<textarea id="rev" onfocus="makeBigger(1)" onblur="makeBigger(0)"></......

а в яваскрипте:

PHP:

function makeBigger(direction) {

  var txtarea = document.getElementById('rev');

  if ( direction==1 ) {
    txtarea.cols = txtarea.cols + 15;
    txtarea.rows = txtarea.rows + 10;
  } 
  else if ( direction==0 ) {
    txtarea.cols = txtarea.cols - 15;
    txtarea.rows = txtarea.rows - 10;
  } 


}

MVV · 13 Сен 2009

Здравствуйте У меня вопросик. Почему после проверки правильности заполнения формы, при отправке данных кнопкой "<input type="button" значения елементов "hidden" не передаются в файл обработки, а если отправлять с помощью "submit" , то не происходит проверка? приведу скрипт

<html>
<head>
<script type="text/javascript">
function text (str) { return /[;:'!~?=+<|>]/g.test(str); }
function numeric (str) { return /^[0-9-\+\s]+z/.test(str + "z"); }
function mail (str) { return /^[a-z0-9_\.]+@[a-z0-9_\.]+.[a-z]{2,3}$/.test(str); }
function checkForm ()
{
var title;
var elem;
var dutyField = "Не заполнено поле ";
var wrongField = "Неверное значение поля ";
var check = true;
function checkError (field, str)
{
document.getElementById("alert").innerHTML = str;
document.forms.preview.field.focus();
check = false;
}
document.getElementById("alert").innerHTML = "";
if (check)
{
title = '"Имя LOG"';
elem = document.preview.log.value;
if (elem.length == 0) checkError('log', dutyField + title);
else if (text(elem)) checkError('log', wrongField + title);
}
if (check)
{
title = '"Ваш електронный адрес:E-mail"';
elem = document.preview.mail.value;
if (elem.length == 0) checkError('mail', dutyField + title);
else if (!mail(elem)) checkError('mail', wrongField + title);
}
if (check) { document.preview.submit(); }
return check;
}
</script>
</head>
<body>

<form name="preview" action="test.php" method="post">
<div class="form">
<input type="text" name="log" size=30 maxlenght=40 value="" />
<input type="text" name="mail" size=30 maxlenght=40 value="" />
</div>
<p id="alert"></p>

<input type="hidden" name="ref" value="<?php echo "$username"; ?>">
<input type="button" name="send" value="Регистрация" onclick="checkForm()" />
</form>

</body>
</html>

Подскажите если чтото знаете буду благодарен!!!!!!!!

Вопросы по HTML форме (textarea и button)?

evshi

Новичок

basboy

Новичок

evshi

Новичок

maxwell

artifex

pilot911

Новичок

MVV

Новичок