готовая форма заказа > ТЕХНИЧЕСКИЕ ВОПРОСЫ > Форум для вебмастеров ArmadaBoard.com

# Вс Сен 01, 2013 3:02 pmБакс Зарег.: 02.10.2010 ; Сообщ.: 191

Здравствуйте. Есть простой хтмл сайт, для него нужна форма приёма заказв. Форма должна отправлять заказ на эл.почту с такой структурой:

Тема письма:тут тема письма

тело письма:

Имя:
Почта:
Выбор услуги:
Картинка: тут должна быть прикреплённая картинка
Комментарий:

И чтобы была возможность добавить несколько картинок.

Есть ли какое-нибудь готовое решение этой проблемы? Чтобы я просто взял код этой формы и вставил себе на сайт переименовав пару полей. И чтобы эта форма была норм графически оформлена и небольших размеров.

# Вс Сен 01, 2013 4:01 pmnet Зарег.: 02.10.2009 ; Сообщ.: 56

Ответить с цитатой

Код:

<html>
<head>
   <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
<form id="form">
   <input id="mail" value="from@mail.ru"/>
   <select id="service">
      <option>Услуга 1</option>
      <option>Услуга 2</option>
   </select>

   <input class="img" name="img" type="radio" id="1"/><img id="img-1"
src="data:image/gif;base64,R0lGODdhMAAwAPAAAAAAAP///ywAAAAAMAAw
AAAC8IyPqcvt3wCcDkiLc7C0qwyGHhSWpjQu5yqmCYsapyuvUUlvONmOZtfzgFz
ByTB10QgxOR0TqBQejhRNzOfkVJ+5YiUqrXF5Y5lKh/DeuNcP5yLWGsEbtLiOSp
a/TPg7JpJHxyendzWTBfX0cxOnKPjgBzi4diinWGdkF8kjdfnycQZcZeYGejmJl
ZeGl9i2icVqaNVailT6F5iJ90m6mvuTS4OK05M0vDk0Q4XUtwvKOzrcd3iq9uis
F81M1OIcR7lEewwcLp7tuNNkM3uNna3F2JQFo97Vriy/Xl4/f1cf5VWzXyym7PH
hhx4dbgYKAAA7"
alt="Larry" />
<input class="img" name="img" type="radio" id="2"/><img id="img-2"
src="data:image/gif;base64,R0lGODdhMAAwAPAAAAAAAP///ywAAAAAMAAw
AAAC8IyPqcvt3wCcDkiLc7C0qwyGHhSWpjQu5yqmCYsapyuvUUlvONmOZtfzgFz
ByTB10QgxOR0TqBQejhRNzOfkVJ+5YiUqrXF5Y5lKh/DeuNcP5yLWGsEbtLiOSp
a/TPg7JpJHxyendzWTBfX0cxOnKPjgBzi4diinsGdkF8kjdfnycQZXZeYGejmJl
ZeGl9i2icVqaNVailT6F5iJ90m6mvuTS4OK05M0vDk0Q4XUtwvKOzrcd3iq9uis
F81M1OIcR7lEewwcLp7tuNNkM3uNna3F2JQFo97Vriy/Xl4/f1cf5VWzXyym7PH
hhx4dbgYKAAA7"
alt="Larry" />

   <input id="submit" type="button" value="submit"/>
</form>

<script>
$(document).ready(function(){
   $("#submit").click(function(event){
      imgId = 'img-' + $('input:checked').attr('id');
      html = 'from: ' + $('#mail').val() + "\n service: " + $('#service').val() + "\n img: "+imgId;
      document.location = "mailto:ya@ya.ru?subject=123&body="+encodeURIComponent(html);
   });
})
</script>
</body>
</html>

js+html на коленке . html в письме не жди без серверных языков