Как сделать двойную форму?
Заранее прошу прощение, возможно неверно написал заголовок.
Хочу сделать такой вариант работы формы заявки. В начале на статичной странице форма с 1 полем. К примеру укажите ссылку на сайт. И кнопка заказать проверку. По клику на форму всплывает popup. В нем еще 2 поля, укажите имя и телефон. И кнопка отправить заявку. По клику на которую все 3 поля отправляются на мою почту. Не могу разобраться как сделать чтобы информация с поля "укажите ссылку на сайт" отправилась вместе с формой из popup окна. Остальное могу сделать. Прошу подсказки в каком направлении двигаться. В скриптах новичок, учу вот так на практике потихоньку! P.S: Сайт на HTML |
Цитата:
Или тот popup помести в первую форму. Т.о. будет отправляться одна стандартная форма... :) |
Или так...
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
function test(){
var o=document.getElementsByName('test0');
o[1].value=o[0].value;
document.getElementsByTagName('form')[1].submit();
return true;
};
</script>
</head>
<body>
<form>
<input type='text' name='test0' />
</form>
<form onsubmit='return test();'>
<input type='hidden' name='test0' />
<input type='text' name='test1' />
<button>Send</button>
</form>
</body>
</html>
|
ksa,
формы две то зачем? |
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
#popup {
display: none;
position: absolute;
width: 300px;
margin: 0 -150px;
left: 50%;
top: 50px;
padding: 20px;
background: #fff;
box-shadow: 3px 3px 15px rgba(0,0,0,0.5);
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script>
$(function() {
$('#order').click(function() {
$('#popup').show(400)
})
});
</script>
</head>
<body>
<form>
<input name="as1" /> <input id="order" type="button" value="Order" />
<div id="popup">
<input name="as2"/><br />
<input name="as3"/><br />
<input type="submit" value="GO" />
</div>
</form>
</body>
</html>
|
Цитата:
|
Цитата:
|
laimas, ты темы вообще читаешь? :D
http://javascript.ru/forum/server/66...tml#post440104 |
Цитата:
|
Цитата:
Ты еще скажи миссия! :D Это простой форум, не научная конференция. :) |
| Часовой пояс GMT +3, время: 02:46. |