Как сделать двойную форму?
Заранее прошу прощение, возможно неверно написал заголовок.
Хочу сделать такой вариант работы формы заявки. В начале на статичной странице форма с 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, время: 05:03. |