Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Полуавтоматическое заполнение формы (https://javascript.ru/forum/misc/28826-poluavtomaticheskoe-zapolnenie-formy.html)

region029 04.06.2012 13:32
Полуавтоматическое заполнение формы
 
Подскажите, как можно осуществить такую небольшую функцию (что почитать, какие разделы)

На сайте есть форма, которая будет заполняться как вручную, так и автоматически:



1. Нажимаем на первое изображение под формой, добавляется один текст
2. Нажимаем на второе изображение под формой к первому тесту добавляется второй
3. К имеющемуся в форме тексту дописываю необходимый текст вручную

beard 04.06.2012 13:38
Элементарно, но кроме рисунков твоих стараний-попыток нет (

Хотя-бы html написал сам :) для начала

region029 04.06.2012 13:54
Да это не пытка вовсе пару минут в фотошопе, зато понятно )

beard 04.06.2012 14:00
Цитата:
Сообщение от region029
Да это не пытка вовсе пару минут в фотошопе, зато понятно )
я как раз написал что попытки нет, нет кода...

как напишешь html такой же как нарисовал или не сможешь что то возвращайся подскажем что дальше :)

region029 04.06.2012 14:07
Договорились )

bes 04.06.2012 14:48 
<div id="myDiv">
  <input>
  <input type="button" value="red">
  <input type="button" value="green">
</div>


<script>
window.onload = function () {
  var myDiv = document.getElementById('myDiv');
  var inputs = myDiv.getElementsByTagName('input');

  myDiv.onclick = function (e) {
    e = e || window.event;
    var target = e.target || e.srcElement;

    if (target.parentNode == myDiv && target != inputs[0]) {
      inputs[0].value += target.value + ', ';
    }

  }

}
</script>

region029 04.06.2012 15:31
Спасибо, попробую

region029 04.06.2012 15:33
Цитата:
Сообщение от beard (Сообщение 178724)

как напишешь html такой же как нарисовал или не сможешь что то возвращайся подскажем что дальше :)
Хоть и подсказали уже, но на всякий случай вот:

<html>
<head>
<title>Тестовая форма</title
</head>
<body>
<form action="lalala.php">
<table>
<tr>
<td width="500" align="center" colspan="2"><input type="text" name="тест" maxlength="25" style="width: 400px; height: 20px; font-family: verdana; font-size: 12px;"></td>
</tr>
<tr>
<td width="200" align="right"><img style="cursor: pointer;" src="buttonred.jpg"></td><td align="left" width="200"><img style="cursor: pointer;" src="buttongreen.jpg"></td>
</tr>
<tr>
<td height="50" valign="bottom" align="center" colspan="2"><input type="submit" name="кнопка" value="отправить" style="width: 60px; height: 18px; font-family: verdana; font-size: 8px;"></td>
</tr>

</table>
</form>
</body>
</html>

Может на jquery, что-нибудь проще есть?

Deff 04.06.2012 15:55 
<html>
 <head>
 <title>Тестовая форма</title>
<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>
<style type="text/css">
 span.Data-Hidden{
   display:none;
 }
</style>
 </head>
 <body>
 <form action="lalala.php">
 <table>
 <tr>
 <td width="500" colspan="2" class="FirstInp"><input type="text" name="тест" maxlength="25" style="width: 400px; height: 20px; font-family: verdana; font-size: 12px;"></td>
 </tr>
 <tr>
 <td class="InsertData">
   <img style="cursor: pointer;" src="buttonred.jpg">
   <span class="Data-Hidden">Данные Левой кнопки</span>
 </td>
 <td class="InsertData" width="100%">
   <img style="cursor: pointer;" src="buttongreen.jpg">
   <span class="Data-Hidden">Данные Правой кнопки</span>
 </td>
 </tr>
 <tr>
 <td height="50" valign="bottom" align="center" colspan="2"><input type="submit" name="кнопка" value="отправить" style="width: 60px; height: 18px; font-family: verdana; font-size: 8px;"></td>
 </tr>
 </table>
 </form>
<script type="text/javascript">
$('td.InsertData img').click(function() {
 var Inp = $(this).parents('table:first').find('td.FirstInp input');
 var ThisText = $(this).next('.Data-Hidden').text();
 Inp.val(ThisText);
});
</script>
 </body>
 </html>

bes 04.06.2012 16:45
Deff, пора уже добавлять в bb-теги run))

Deff 04.06.2012 16:51
bes,
:yes: Я просто пока не понял - HTML cовместно с JS тож работает ?
И чот jquery у меня при запусках втут - ошибка

bes 04.06.2012 17:00
html run - работает весь код как в браузере, js run - работает только js (следовательно, теги <script></script> не нужны)

Цитата:
Сообщение от Deff
И чот jquery у меня при запусках втут - ошибка
может адрес не верный

Deff 04.06.2012 17:20
bes,
Да нет - при всех попытках - прост мож из за Оперы - её часто не берут в расчёт

bes 04.06.2012 17:47
http://javascript.ru/forum/jquery/28...yu-oblst.html#
Можно проверить на этом примере

Deff 04.06.2012 18:01
Цитата:
Сообщение от bes
Изменение цвета ссылок при наведении на другую облсть
bes, Спасибо
Прокатило - похоже библиотеку нун брать с оффсайта
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>


Часовой пояс GMT +3, время: 00:43.