• Страница 1 из 1
  • 1
Работа с формами
paul
Дата: Пятница, 28.05.2010, 18:32 | Сообщение # 1
молчун
Группа: Пользователи
Пользователь №: 2219
Сообщений: 6
Получено оценок: 1
Добрый вечер!
Мне нужно сделать следующее: в форму добавления материала, при клике на кнопку с определённым id (кнопка Добавить, а можно сделать отдельную) заполнить два поля, для которых также имеются идентификаторы. Главное, чтобы информация добавлялась при любых обстоятельствах: заполнено ли уже поле или оно пустое. Следует добавлять строку, а не число!
  
UnderShot
Дата: Пятница, 28.05.2010, 19:03 | Сообщение # 2
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
Code
<input type="text" value="" id="inp1" />
<input type="text" value="" id="inp2" />

<input type="button" onclick="add('Текст')" value="Добавить" id="add" />
<script>
function add(text){
var a=document,inp1=a.getElementById('inp1'),inp2=a.getElementById('inp2');
(!text)?inp1.value='':inp1.value=text;
(!text)?inp2.value='':inp2.value=text;}
</script>
Как я понял.


Очень важная тема!
Filmzona — онлайн фильмы.
  
paul
Дата: Пятница, 28.05.2010, 20:53 | Сообщение # 3
молчун
Группа: Пользователи
Пользователь №: 2219
Сообщений: 6
Получено оценок: 1
UnderShot, спасибо, почти то, что мне нужно!
Я только уточнял такой момент: текст должен добавляться даже когда в поле что-то введено и при этом он не должен заменять надпись, а добавляться рядом. Вот как должно быть:
Code
<script>
function add(text){
var a=document,inp1=a.getElementById('inp1'),inp2=a.getElementById('inp2');
inp1.value+=text;
inp2.value+=text;}
</script>

Не силён в js, но доделанный вариант добро работает! Ещё раз спасибо!

  
paul
Дата: Пятница, 28.05.2010, 22:42 | Сообщение # 4
молчун
Группа: Пользователи
Пользователь №: 2219
Сообщений: 6
Получено оценок: 1
Не могли бы вы подсказать, как сделать исполнение этого скрипта при клике на кнопку Добавить (id - nwF7)? Дело в том, уже установлено действие при клике на самом элементе: клик передаётся основной кнопке добавления, которая скрыта от пользователя! Надо, чтобы сначала вставилась информация, а уже затем исполнились системные действия.
  
Aleko
Дата: Суббота, 29.05.2010, 04:43 | Сообщение # 5
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
paul, на один элемент можно вешать много обработчиков одного и того же события. Для этого есть два оператора: addEventListener для браузеров, поддерживающих стандарты, и attachEvent() для IE. Информацию об их использовании очень просто найти в сети.

Бесплатные обои.
  
paul
Дата: Воскресенье, 30.05.2010, 19:34 | Сообщение # 6
молчун
Группа: Пользователи
Пользователь №: 2219
Сообщений: 6
Получено оценок: 1
Aleko, прочитал. JS только начинаю изучать, поэтому не совсем ловко всё понимаю. Если поможете, буду благодарен. Нужно привязать функцию 'add', которая будет исполняться при клике, к кнопке с id 'nwF7', не затрагивая html код. Правда кнопка уже обзаведена действиями (которые приписаны к ней в самом коде, как onclick=""). Необходимо, чтобы сначала исполнялась функция, а затем всё остальное.
  
UnderShot
Дата: Воскресенье, 30.05.2010, 22:07 | Сообщение # 7
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
paul,
Code
<script>function add(){alert(true)};

document.getElementById('nwF7').onclick=function(){add();return false}</script>


Очень важная тема!
Filmzona — онлайн фильмы.
  
paul
Дата: Воскресенье, 30.05.2010, 23:12 | Сообщение # 8
молчун
Группа: Пользователи
Пользователь №: 2219
Сообщений: 6
Получено оценок: 1
UnderShot, не работает. Может что делаю не так.
  
UnderShot
Дата: Понедельник, 31.05.2010, 00:39 | Сообщение # 9
оратор
Группа: Модераторы
Пользователь №: 45
Сообщений: 923
Получено оценок: 85
paul,
Code
<script>
function add(){alert(true)};

$('#nwF7').click(function(){add()})
</script>


Очень важная тема!
Filmzona — онлайн фильмы.
  
Infamous
Дата: Понедельник, 31.05.2010, 09:06 | Сообщение # 10
говорун
Группа: Проверенные
Пользователь №: 316
Сообщений: 158
Получено оценок: 21
Code
$('#nwF7').click(add);
  
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.