rlm@29
|
1 <div id = "i_inputbox">
|
rlm@29
|
2
|
rlm@32
|
3 <div class = "ttyls"> <titletron>Clarity Series:<br> The Classic Kard.</titletron></div><br>
|
rlm@32
|
4 <div class = "descript"> Laser-Etched Clear Acrylic </div>
|
rlm@29
|
5
|
rlm@29
|
6 <!-- Start of Form -->
|
rlm@29
|
7 <!-- Note: target="paypal" was replaced with the variable target="_self" -->
|
rlm@29
|
8 <!-- Note: shopping_url also added to code -->
|
rlm@29
|
9 <!-- These two changes allow better functionality with IE and Firefox -->
|
rlm@29
|
10 <form action="https://www.paypal.com/cgi-bin/webscr" method="post" onsubmit="this.target = '_self'; return ReadForm(this, true);">
|
rlm@29
|
11 <input type="hidden" name="add" value="1">
|
rlm@29
|
12 <input type="hidden" name="cmd" value="_cart">
|
rlm@29
|
13 <!--your email address goes here -->
|
rlm@29
|
14 <input type="hidden" name="business" value="laserkards@mit.edu">
|
rlm@29
|
15 <input type="hidden" name="item_name">
|
rlm@29
|
16 <input type="hidden" name="item_number">
|
rlm@29
|
17 <input type="hidden" name="amount">
|
rlm@29
|
18 <input type="hidden" name="currency_code" value="USD">
|
rlm@29
|
19 <input type="hidden" name="lc" value="US">
|
rlm@29
|
20 <input type="hidden" name="shopping_url" value="http://www.laserkard.com/buy.pl">
|
rlm@29
|
21 <input type="hidden" name="cancel_return" value="http://www.laserkard.com">
|
rlm@29
|
22 <input type="hidden" name="return" value="http://www.laserkard.com">
|
rlm@29
|
23 <input type="hidden" name="bn" value="PP-ShopCartBF:btn_cart_LG.gif:NonHosted">
|
rlm@29
|
24
|
rlm@29
|
25
|
rlm@29
|
26 <!-- -->
|
rlm@29
|
27 <input type="hidden" name="baseamt" value="00">
|
rlm@29
|
28 <input type="hidden" name="basedes" value="Clarity Series: The Classic Kard">
|
rlm@29
|
29 <!-- -->
|
rlm@29
|
30 <input type="hidden" name="baseon0" value = "Line 1 (jbond@mi6.co.uk)">
|
rlm@29
|
31 <input type="hidden" name="baseos0">
|
rlm@29
|
32 <input type="hidden" name="baseon1" value = "Line 2 (123.456.7890)">
|
rlm@29
|
33 <input type="hidden" name="baseos1">
|
rlm@29
|
34 <input type="hidden" name="baseon2" value = "Line 3 (James Bond)">
|
rlm@29
|
35 <input type="hidden" name="baseos2">
|
rlm@29
|
36 <input type="hidden" name="baseon3" value = "Line 4 (MI6)">
|
rlm@29
|
37 <input type="hidden" name="baseos3">
|
rlm@29
|
38 <input type="hidden" name="baseon4" value = "Line 5 (Secret Agent)">
|
rlm@29
|
39 <input type="hidden" name="baseos4">
|
rlm@29
|
40 <input type="hidden" name="baseon5" value = "Side (http://www.jamesbond.com)">
|
rlm@29
|
41 <input type="hidden" name="baseos5">
|
rlm@29
|
42 <input type="hidden" name="baseon6" >
|
rlm@29
|
43 <input type="hidden" name="baseos6">
|
rlm@29
|
44 <input type="hidden" name="baseon7" >
|
rlm@29
|
45 <input type="hidden" name="baseos7">
|
rlm@29
|
46 <input type="hidden" name="baseon8" >
|
rlm@29
|
47 <input type="hidden" name="baseos8">
|
rlm@29
|
48 <input type="hidden" name="baseon9" >
|
rlm@29
|
49 <input type="hidden" name="baseos9">
|
rlm@29
|
50 <input type="hidden" name="baseitn">
|
rlm@29
|
51 <!-- -->
|
rlm@29
|
52 <input type="hidden" name="on0">
|
rlm@29
|
53 <input type="hidden" name="os0">
|
rlm@29
|
54 <input type="hidden" name="on1">
|
rlm@29
|
55 <input type="hidden" name="os1">
|
rlm@29
|
56 <input type="hidden" name="on2">
|
rlm@29
|
57 <input type="hidden" name="os2">
|
rlm@29
|
58 <input type="hidden" name="on3">
|
rlm@29
|
59 <input type="hidden" name="os3">
|
rlm@29
|
60 <input type="hidden" name="on4">
|
rlm@29
|
61 <input type="hidden" name="os4">
|
rlm@29
|
62 <input type="hidden" name="on5">
|
rlm@29
|
63 <input type="hidden" name="os5">
|
rlm@29
|
64 <input type="hidden" name="on6">
|
rlm@29
|
65 <input type="hidden" name="os6">
|
rlm@29
|
66 <input type="hidden" name="on7">
|
rlm@29
|
67 <input type="hidden" name="os7">
|
rlm@29
|
68 <input type="hidden" name="on8">
|
rlm@29
|
69 <input type="hidden" name="os8">
|
rlm@29
|
70 <input type="hidden" name="on9">
|
rlm@29
|
71 <input type="hidden" name="os9">
|
rlm@29
|
72 <!-- -->
|
rlm@29
|
73
|
rlm@29
|
74
|
rlm@29
|
75 <!-- Start of Options -->
|
rlm@29
|
76
|
rlm@29
|
77
|
rlm@29
|
78 <input type="radio" name = "whatev"
|
rlm@29
|
79
|
rlm@29
|
80 value="40 cards @125.00" CHECKED
|
rlm@29
|
81 onclick = "ReadForm (this.form, false);"
|
rlm@29
|
82 onload = "ReadForm (this.form, false);" >
|
rlm@29
|
83 40 cards — $125
|
rlm@29
|
84
|
rlm@29
|
85 <br>
|
rlm@29
|
86
|
rlm@29
|
87
|
rlm@29
|
88 <input type="radio" name = "whatev"
|
rlm@29
|
89
|
rlm@29
|
90 value="4 cards @30.00"
|
rlm@29
|
91 onclick = "ReadForm (this.form, false);"
|
rlm@29
|
92 onload = "ReadForm (this.form, false);" >
|
rlm@29
|
93 4 cards — $30
|
rlm@29
|
94
|
rlm@29
|
95 <br>
|
rlm@29
|
96
|
rlm@29
|
97
|
rlm@29
|
98
|
rlm@29
|
99
|
rlm@29
|
100
|
rlm@29
|
101 <!-- End of Options -->
|
rlm@29
|
102
|
rlm@29
|
103 <!-- Start of Text Input Fields -->
|
rlm@29
|
104 <br>
|
rlm@29
|
105 Line 1 (jbond@mi6.co.uk):
|
rlm@30
|
106 <input type="text" id="Line 1 (jbond@mi6.co.uk)" name="line_1b" size="20" value = "jbond@mi6.co.uk" ONFOCUS="clearDefault(this)"
|
rlm@30
|
107 onKeyUp="
|
rlm@30
|
108 tt.remove();
|
rlm@30
|
109
|
rlm@32
|
110 var font_size = 65;
|
rlm@30
|
111
|
rlm@30
|
112 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
|
rlm@30
|
113 tt.attr('stroke', '#f00');
|
rlm@30
|
114 tt.attr('fill', 'TRANSPARENT');
|
rlm@30
|
115 var c = tt.getBBox().width;
|
rlm@30
|
116 tt.translate((502 - c)/2,0);
|
rlm@30
|
117
|
rlm@30
|
118
|
rlm@30
|
119
|
rlm@30
|
120
|
rlm@30
|
121
|
rlm@30
|
122
|
rlm@30
|
123 //document.write( c );
|
rlm@30
|
124
|
rlm@30
|
125
|
rlm@30
|
126
|
rlm@30
|
127
|
rlm@30
|
128
|
rlm@30
|
129 "
|
rlm@30
|
130
|
rlm@30
|
131 >
|
rlm@29
|
132 <!-- -->
|
rlm@29
|
133 <br>
|
rlm@29
|
134 <br>
|
rlm@29
|
135 Line 2 (123.456.7890):
|
rlm@30
|
136 <input type="text" id="Line 2 (123.456.7890)" name="line_2b" size="20" value = "123.456.7890" ONFOCUS="clearDefault(this)"
|
rlm@30
|
137 onKeyUp="
|
rlm@30
|
138 tt.remove();
|
rlm@30
|
139
|
rlm@32
|
140 var font_size = 65;
|
rlm@30
|
141
|
rlm@30
|
142 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
|
rlm@30
|
143 tt.attr('stroke', '#f00');
|
rlm@30
|
144 tt.attr('fill', 'TRANSPARENT');
|
rlm@30
|
145 var c = tt.getBBox().width;
|
rlm@30
|
146 tt.translate((502 - c)/2,0);
|
rlm@30
|
147
|
rlm@30
|
148
|
rlm@30
|
149
|
rlm@30
|
150
|
rlm@30
|
151
|
rlm@30
|
152
|
rlm@30
|
153 //document.write( c );
|
rlm@30
|
154
|
rlm@30
|
155
|
rlm@30
|
156
|
rlm@30
|
157
|
rlm@30
|
158
|
rlm@30
|
159 "
|
rlm@30
|
160
|
rlm@30
|
161 >
|
rlm@29
|
162 <!-- -->
|
rlm@29
|
163 <br>
|
rlm@29
|
164 <br>
|
rlm@29
|
165 Line 3 (James Bond):
|
rlm@30
|
166 <input type="text" id="Line 3 (James Bond)" name="line_3b" size="20" value = "James Bond" ONFOCUS="clearDefault(this)"
|
rlm@30
|
167 onKeyUp="
|
rlm@30
|
168 tt.remove();
|
rlm@30
|
169
|
rlm@32
|
170 var font_size = 65;
|
rlm@30
|
171
|
rlm@30
|
172 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
|
rlm@30
|
173 tt.attr('stroke', '#f00');
|
rlm@30
|
174 tt.attr('fill', 'TRANSPARENT');
|
rlm@30
|
175 var c = tt.getBBox().width;
|
rlm@30
|
176 tt.translate((502 - c)/2,0);
|
rlm@30
|
177
|
rlm@30
|
178
|
rlm@30
|
179
|
rlm@30
|
180
|
rlm@30
|
181
|
rlm@30
|
182
|
rlm@30
|
183 //document.write( c );
|
rlm@30
|
184
|
rlm@30
|
185
|
rlm@30
|
186
|
rlm@30
|
187
|
rlm@30
|
188
|
rlm@30
|
189 "
|
rlm@30
|
190
|
rlm@30
|
191 >
|
rlm@29
|
192 <!-- -->
|
rlm@29
|
193 <br>
|
rlm@29
|
194 <br>
|
rlm@29
|
195 Line 4 (MI6):
|
rlm@30
|
196 <input type="text" id="Line 4 (MI6)" name="line_4b" size="20" value = "MI6" ONFOCUS="clearDefault(this)"
|
rlm@30
|
197 onKeyUp="
|
rlm@30
|
198 tt.remove();
|
rlm@30
|
199
|
rlm@32
|
200 var font_size = 65;
|
rlm@30
|
201
|
rlm@30
|
202 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
|
rlm@30
|
203 tt.attr('stroke', '#f00');
|
rlm@30
|
204 tt.attr('fill', 'TRANSPARENT');
|
rlm@30
|
205 var c = tt.getBBox().width;
|
rlm@30
|
206 tt.translate((502 - c)/2,0);
|
rlm@30
|
207
|
rlm@30
|
208
|
rlm@30
|
209
|
rlm@30
|
210
|
rlm@30
|
211
|
rlm@30
|
212
|
rlm@30
|
213 //document.write( c );
|
rlm@30
|
214
|
rlm@30
|
215
|
rlm@30
|
216
|
rlm@30
|
217
|
rlm@30
|
218
|
rlm@30
|
219 "
|
rlm@30
|
220
|
rlm@30
|
221 >
|
rlm@29
|
222 <!-- -->
|
rlm@29
|
223 <br>
|
rlm@29
|
224 <br>
|
rlm@29
|
225 Line 5 (Secret Agent):
|
rlm@30
|
226 <input type="text" id="Line 5 (Secret Agent)" name="line_5b" size="20" value = "Secret Agent" ONFOCUS="clearDefault(this)"
|
rlm@30
|
227 onKeyUp="
|
rlm@30
|
228 tt.remove();
|
rlm@30
|
229
|
rlm@32
|
230 var font_size = 65;
|
rlm@30
|
231
|
rlm@30
|
232 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
|
rlm@30
|
233 tt.attr('stroke', '#f00');
|
rlm@30
|
234 tt.attr('fill', 'TRANSPARENT');
|
rlm@30
|
235 var c = tt.getBBox().width;
|
rlm@30
|
236 tt.translate((502 - c)/2,0);
|
rlm@30
|
237
|
rlm@30
|
238
|
rlm@30
|
239
|
rlm@30
|
240
|
rlm@30
|
241
|
rlm@30
|
242
|
rlm@30
|
243 //document.write( c );
|
rlm@30
|
244
|
rlm@30
|
245
|
rlm@30
|
246
|
rlm@30
|
247
|
rlm@30
|
248
|
rlm@30
|
249 "
|
rlm@30
|
250
|
rlm@30
|
251 >
|
rlm@29
|
252 <!-- -->
|
rlm@29
|
253 <br>
|
rlm@29
|
254 <br>
|
rlm@29
|
255 Side (http://www.jamesbond.com):
|
rlm@30
|
256 <input type="text" id="Side (http://www.jamesbond.com)" name="line_6b" size="20" value = "http://www.jamesbond.com" ONFOCUS="clearDefault(this)"
|
rlm@30
|
257 onKeyUp="
|
rlm@30
|
258 tt.remove();
|
rlm@30
|
259
|
rlm@32
|
260 var font_size = 65;
|
rlm@30
|
261
|
rlm@30
|
262 tt = raphe.print(0, 145, value, raphe.getFont('HelveticaNeue', 700), font_size);
|
rlm@30
|
263 tt.attr('stroke', '#f00');
|
rlm@30
|
264 tt.attr('fill', 'TRANSPARENT');
|
rlm@30
|
265 var c = tt.getBBox().width;
|
rlm@30
|
266 tt.translate((502 - c)/2,0);
|
rlm@30
|
267
|
rlm@30
|
268
|
rlm@30
|
269
|
rlm@30
|
270
|
rlm@30
|
271
|
rlm@30
|
272
|
rlm@30
|
273 //document.write( c );
|
rlm@30
|
274
|
rlm@30
|
275
|
rlm@30
|
276
|
rlm@30
|
277
|
rlm@30
|
278
|
rlm@30
|
279 "
|
rlm@30
|
280
|
rlm@30
|
281 >
|
rlm@29
|
282 <!-- -->
|
rlm@29
|
283 <br>
|
rlm@29
|
284
|
rlm@29
|
285 <!-- -->
|
rlm@29
|
286
|
rlm@29
|
287 <!-- End of Text Input Fields -->
|
rlm@29
|
288
|
rlm@29
|
289
|
rlm@29
|
290 <br>
|
rlm@29
|
291 Total Cost:
|
rlm@29
|
292 <input class="nbor" type="text" name="tot" size="8" value="$125.00">
|
rlm@35
|
293 <br>(Free Shipping)
|
rlm@35
|
294 <br><br>
|
rlm@35
|
295 <input name="accept" type="checkbox" value="0"><br>
|
rlm@35
|
296 I approve this design. I understand that my card will appear exactly as it appears on the screen and agree that spelling and content are correct.
|
rlm@35
|
297
|
rlm@29
|
298
|
rlm@29
|
299 <br><br>
|
rlm@29
|
300 <div id = "buttoncon">
|
rlm@29
|
301 <div id="crush">
|
rlm@35
|
302 Sending Order.
|
rlm@29
|
303 </div>
|
rlm@29
|
304
|
rlm@29
|
305 <div id="vanish">
|
rlm@35
|
306 <input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" name="submit" alt="cart add">
|
rlm@29
|
307 </div>
|
rlm@29
|
308
|
rlm@29
|
309
|
rlm@29
|
310
|
rlm@29
|
311
|
rlm@29
|
312 </div>
|
rlm@29
|
313
|
rlm@29
|
314 </form>
|
rlm@29
|
315 <!-- End of Form -->
|
rlm@29
|
316
|
rlm@29
|
317
|
rlm@29
|
318 </div>
|