kitordersystem/WebInputOrder.html at master · tsmoffat/kitordersystem · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
  <link rel="stylesheet" type="text/css" href="styling.css" />
  <meta char-set="utf-8" />
  <title>Order Input</title>
</head>
<body>
  <div>
  Please enter in your items one at a time<br />
  Item List:<br />
  Poolside Shirt: £12<br />
  Polo Shirt: £12<br />
  Over-the-head Hoodie: £17<br />
  Zippy Hoodie: £20<br />
  Rucksack: £22<br />
  Holdall: £27<br  />
  Hat: £6<br />
  Shorts: £4<br />
  <form method="post" id="orderform">
    Item:<br />
    <select name="item">
      <option value="Poolside Shirt">
        Poolside Shirt
      </option>
      <option value="Polo Shirt">Polo Shirt</option>

      <option value="Hoodie">
        Hoodie
      </option>
      <option value="Zippy Hoodie">
        Zippy Hoodie
      </option>
      <option vaue="Hat">
        Hat
      </option>
      <option vale="Shorts">
        Shorts
      </option>
      <option value="Backpack">
        Backpack
      </option>
      <option value="Holdall">
        Holdall
      </option>
    </select><br />
    Quantity:<br />
    <input type="number" name="quantity" min="1" max = "5"/><br />
    Size:<br/>
    <select name="size">
      <option value="9-11"><!--Inside job-->
        Size 9-11
      </option>
      <option value="12-13">
        Size 12-13
      </option>1
      <option value="S">
        Small
      </option>
      <option value="M">
        Medium
      </option>
      <option value="L">
        Large
      </option>
      <option value="Misc">
        Misc (for bags, hats and shorts)
      </option>

    </select><br />
    Please enter the name/letters to be printed on your item<br />
    <input type="text" name="NameOnBack" /><br />
    Have you paid for this item?<br />
    <input type="radio" name="haspaid" value="1" checked />Yes<br />
    <input type="radio" name="haspaid" value="0" />No<br />
    <input type="submit" value="Submit"/><br/>
  </form>
</div>
  <script type="text/javascript">
    function passtophp(e) {
      e.preventDefault()

      var str = $(this).serialize();
      $.ajax('dborderupdate.php', str, function (result) {
        alert(result)
      })

      return false;
    }

    $('#orderform').submit(function (e) {
      e.preventDefault()

      var str = $(this).serialize();

      $.post('dborderupdate.php', str, function (result) {
        alert(result)
      })

      return false;
    })
  </script>
</body>
</html>