003.
<head>
004.
<title>StudioClick | Contact</title>
005.
<meta http-equiv=
"Content-Type"
content=
"text/html; charset=utf-8"
/>
006.
<link href=
"css/reset.css"
rel=
"stylesheet"
type=
"text/css"
/>
007.
<link href=
"css/style.css"
rel=
"stylesheet"
type=
"text/css"
/>
008.
<link rel=
"stylesheet"
type=
"text/css"
href=
"css/superfish.css"
media=
"screen"
/>
009.
<style type=
"text/css"
>.sf-sub-indicator {behavior: url(css/iepngfix.htc);}</style>
011.
<script type=
"text/javascript"
src=
"javascript/superfish.js"
></script>
012.
<script type=
"text/javascript"
src=
"javascript/dd.min.js"
></script>
013.
<script type=
"text/javascript"
>
014.
015.
016.
$(document).ready(
function
() {
017.
if
($(
'#slider'
).length == 1) {
018.
$(
'#slider'
).cycle({
019.
fx:
'fade'
,
020.
speed: 2000,
021.
timeout: 4000
022.
});
023.
}
024.
var
ie6 = $.browser.msie && /MSIE 6.0/.test(navigator.userAgent);
025.
if
(!ie6) {
026.
$(
'ul.sf-menu'
).superfish({
027.
delay: 1000,
028.
029.
animation: {
030.
opacity:
'show'
,
031.
height:
'show'
032.
},
033.
034.
speed:
'normal'
035.
});
036.
}
037.
else
{
038.
DD_belatedPNG.fix(
'#topbar, img, a, .commentbubble, .infobubble, .view-all, #category-picture1, #category-picture2, #category-picture3, #footer'
);
039.
}
040.
});
041.
042.
</script>
043.
<script language=
"JavaScript"
>
044.
var
HttPRequest = false;
045.
046.
function
doCallAjax() {
047.
HttPRequest = false;
048.
if
(window.XMLHttpRequest) {
049.
HttPRequest =
new
XMLHttpRequest();
050.
if
(HttPRequest.overrideMimeType) {
051.
HttPRequest.overrideMimeType(
'text/html'
);
052.
}
053.
}
else
if
(window.ActiveXObject) {
054.
try {
055.
HttPRequest =
new
ActiveXObject(
"Msxml2.XMLHTTP"
);
056.
} catch (e) {
057.
try {
058.
HttPRequest =
new
ActiveXObject(
"Microsoft.XMLHTTP"
);
059.
} catch (e) {}
060.
}
061.
}
062.
063.
if
(!HttPRequest) {
064.
alert(
'Cannot create XMLHTTP instance'
);
065.
return
false;
066.
}
067.
068.
var
url =
'register_save.php'
;
069.
var
pmeters =
"torganization="
+ encodeURI( document.getElementById(
"organization"
).value) +
070.
"&tcontact_phone="
+ encodeURI( document.getElementById(
"contact_phone"
).value ) +
071.
"&turl="
+ encodeURI( document.getElementById(
"url"
).value ) +
072.
"&tpackage1="
+ encodeURI( document.getElementById(
"package1"
).value) +
073.
"&tpackage2="
+ encodeURI( document.getElementById(
"package2"
).value) +
074.
"&tpackage3="
+ encodeURI( document.getElementById(
"package3"
).value) +
075.
"&tperiod1="
+ encodeURI( document.getElementById(
"period1"
).value) +
076.
"&tperiod2="
+ encodeURI( document.getElementById(
"period2"
).value) +
077.
"&toption_webboard="
+ encodeURI( document.getElementById(
"option_webboard"
).value ) +
078.
"&toption_cart="
+ encodeURI( document.getElementById(
"option_cart"
).value ) +
079.
"&toption_tax="
+ encodeURI( document.getElementById(
"option_tax"
).value ) +
080.
"&tcustomer_name="
+ encodeURI( document.getElementById(
"customer_name"
).value ) +
081.
"&tcontact_name="
+ encodeURI( document.getElementById(
"contact_name"
).value ) +
082.
"&temail="
+ encodeURI( document.getElementById(
"email"
).value ) +
083.
"&tcard_id="
+ encodeURI( document.getElementById(
"card_id"
).value ) +
084.
"&tac_no="
+ encodeURI( document.getElementById(
"ac_no"
).value ) +
085.
"&tac_bank="
+ encodeURI( document.getElementById(
"ac_bank"
).value ) +
086.
"&tac_branch="
+ encodeURI( document.getElementById(
"ac_branch"
).value ) +
087.
"&tac_name="
+ encodeURI( document.getElementById(
"ac_name"
).value ) +
088.
"&tusername="
+ encodeURI( document.getElementById(
"username"
).value ) +
089.
"&tpassword="
+ encodeURI( document.getElementById(
"password"
).value );
090.
091.
HttPRequest.open(
'POST'
,url,true);
092.
093.
HttPRequest.setRequestHeader(
"Content-type"
,
"application/x-www-form-urlencoded"
);
094.
HttPRequest.setRequestHeader(
"Content-length"
, pmeters.length);
095.
HttPRequest.setRequestHeader(
"Connection"
,
"close"
);
096.
HttPRequest.send(pmeters);
097.
098.
099.
HttPRequest.onreadystatechange =
function
()
100.
{
101.
102.
if
(HttPRequest.readyState == 3)
103.
{
104.
document.getElementById(
"mySpan"
).innerHTML =
"Now is Loading..."
;
105.
}
106.
107.
if
(HttPRequest.readyState == 4)
108.
{
109.
if
(HttPRequest.responseText ==
'Y'
)
110.
{
111.
document.getElementById(
"mySpan"
).innerHTML =
"Success!! thx for register"
;
112.
}
113.
else
114.
{
115.
document.getElementById(
"mySpan"
).innerHTML = HttPRequest.responseText;
116.
}
117.
}
118.
119.
}
120.
121.
}
122.
</script>
123.
</head>
124.
<body>
125.
<!-- Wrapper -->
126.
<div id=
"wrapper"
>
127.
<!-- Top bar -->
128.
<div style=
"width:940px;height:100px;background:url(images/logoistyle.png) no-repeat;"
>
129.
<div
class
=
"nametel"
>
130.
<p style=
"padding:0;"
>Tel : 085-1578066,086-8193896</p>
131.
<p style=
"padding:0;"
>E-Mail : support@webdesign-creation.com</p>
132.
</div>
133.
</div>
134.
<div id=
"topbar"
>
135.
<!-- Logo -->
136.
<img
class
=
"logo"
src=
"images/logo.png"
alt=
""
/>
137.
<!-- Menu -->
138.
<div id=
"secnav"
>
139.
<ul>
140.
<li> <a href=
"#"
>SIGN UP</a> </li>
141.
<li
class
=
"noimg"
> <a href=
"#"
>LOGIN</a> </li>
142.
</ul>
143.
</div>
144.
<div
class
=
"menu"
>
145.
<ul
class
=
"sf-menu"
>
146.
<li> <a href=
"index.html"
>HOME</a></li>
147.
<li> <a href=
"about.html"
>ABOUT</a>
148.
<ul>
149.
<li
class
=
"first"
><a href=
"#"
>TEAM</a></li>
150.
<li><a href=
"#"
>PHILOSOPHY</a></li>
151.
<li><a href=
"#"
>COMPANY</a></li>
152.
<li
class
=
"last"
><a href=
"#"
>PRODUCTS</a>
153.
<ul>
154.
<li
class
=
"first"
><a href=
"#"
>PRODUCT ONE</a></li>
155.
<li><a href=
"#"
>PRODUCT TWO</a></li>
156.
<li
class
=
"last"
><a href=
"#"
>PRODUCT THREE</a></li>
157.
</ul>
158.
</li>
159.
</ul>
160.
</li>
161.
<li> <a href=
"portfolio.html"
>PORTFOLIO</a>
162.
<ul>
163.
<li><a href=
"#"
>WEBDESIGN</a></li>
164.
<li><a href=
"#"
>PHOTOS</a>
165.
<ul>
166.
<li
class
=
"first"
><a href=
"#"
>NATURE</a></li>
167.
<li><a href=
"#"
>ANIMALS</a></li>
168.
<li
class
=
"last"
><a href=
"#"
>CITIES</a>
169.
<ul>
170.
<li
class
=
"first"
><a href=
"#"
>NEW YORK</a></li>
171.
<li><a href=
"#"
>MONTREAL</a></li>
172.
<li
class
=
"last"
><a href=
"#"
>LAS VEGAS</a></li>
173.
</ul>
174.
</li>
175.
</ul>
176.
</li>
177.
<li
class
=
"last"
><a href=
"#"
>ARTS</a></li>
178.
</ul>
179.
</li>
180.
<li> <a href=
"blog.html"
>SERVICERS</a>
181.
<ul>
182.
<li
class
=
"first"
><a href=
"#"
>CATEGORY ONE</a></li>
183.
<li><a href=
"#"
>CATEGORY TWO</a></li>
184.
<li
class
=
"last"
><a href=
"#"
>CATEGORY THREE</a></li>
185.
</ul>
186.
</li>
187.
<li> <a href=
"contact.html"
>CONTACT</a> </li>
188.
</ul>
189.
</div>
190.
<!--
End
of Menu -->
191.
</div>
192.
<div
class
=
"clear"
></div>
193.
<!--
End
of Topbar -->
194.
<!-- Introtext -->
195.
<div
class
=
"subcategory-contact"
>
196.
<h1>OUR OFFICE +</h1>
197.
<ul>
198.
<li><a href=
"#"
>MONTREAL</a></li>
199.
<li
class
=
"contact"
>Phone : 514.123.1234</li>
200.
<li
class
=
"contact"
>montreal@studioclick.com</li>
201.
<li><a href=
"#"
>LOS ANGELES</a></li>
202.
<li
class
=
"contact"
>Phone : 251.123.1234</li>
203.
<li
class
=
"contact"
>losangeles@studioclick.com</li>
204.
<li><a href=
"#"
>NEW YORK</a></li>
205.
<li
class
=
"contact"
>Phone : 616.123.1234</li>
206.
<li
class
=
"contact"
>newyork@studioclick.com</li>
207.
<li><a href=
"#"
>HONK HONG</a></li>
208.
<li
class
=
"contact"
>Phone : 616.123.1234</li>
209.
<li
class
=
"contact"
>honkhong@studioclick.com</li>
210.
</ul>
211.
</div>
212.
<div id=
"introtext-contact"
>
213.
<h1>CONTACT US +</h1>
214.
<p>Praesent id dolor et dolor viverra sagittis. Integer scelerisque quam nec est congue tempor eu ut metus. Etiam fringilla aliquam nulla eu bibendum. Ut cursus, ligula vel mollis hendrerit, est enim posuere velit, ultricies pretium tortor massa ut ipsum. Aenean a aliquet arcu.</p>
215.
<div
class
=
"clear"
></div>
216.
</div>
217.
<!--
End
of introtext -->
218.
<!-- Form -->
219.
<form name=
"frmMain"
>
220.
<div id=
"contactform"
>
221.
<div id=
"main"
>
222.
<span id=
"mySpan"
></span><br><br>
223.
224.
<h1>ชื่อองค์การ : </h1>
225.
<p>
226.
<input type=
"text"
name=
"organization"
id=
"organization"
class
=
"name"
/>
227.
</p>
228.
<h1>เบอร์โทร :</h1>
229.
<p>
230.
<input type=
"text"
name=
"contact_phone"
id=
"contact_phone"
class
=
"email"
/>
231.
</p>
232.
<h1>URL :</h1>
233.
<p>
234.
<input type=
"text"
name=
"url"
id=
"url"
class
=
"email"
/>
235.
</p><br />
236.
<div style=
"width:250px;"
>
237.
<table width=
"250"
border=
"1"
>
238.
<tr>
239.
<td><h1>Package :</h1></td>
240.
<td><label>
241.
<input name=
"package"
type=
"radio"
id=
"package1"
value=
"executive"
checked=
"checked"
/>
242.
<img src=
"images/executive.png"
/></label></td>
243.
</tr>
244.
<tr>
245.
<td> </td>
246.
<td> <label>
247.
<input type=
"radio"
name=
"package"
id=
"package2"
value=
"premier"
/>
248.
<img src=
"images/premier.png"
/></label></td>
249.
</tr>
250.
<tr>
251.
<td> </td>
252.
<td><label>
253.
<input type=
"radio"
name=
"package"
id=
"package3"
value=
"supreme"
/>
254.
<img src=
"images/supreme.png"
/></label></td>
255.
</tr>
256.
<tr>
257.
<td> </td>
258.
<td> </td>
259.
</tr>
260.
<tr>
261.
<td><h1>ระยะเวลา :</h1></td>
262.
<td><label>
263.
<input name=
"period"
type=
"radio"
id=
"period1"
value=
"1 year"
checked=
"checked"
/>
264.
<h1>1 ปี</h1></label></td>
265.
</tr>
266.
<tr>
267.
<td> </td>
268.
<td><label>
269.
<input type=
"radio"
name=
"period"
id=
"period2"
value=
"2 year"
/>
270.
<h1>2 ปี</h1></label></td>
271.
</tr>
272.
<tr>
273.
<td> </td>
274.
<td> </td>
275.
</tr>
276.
<tr>
277.
<td><h1>Optional :</h1> </td>
278.
<td><label>
279.
<input type=
"checkbox"
name=
"option_webboard"
id=
"option_webboard"
value=
"true"
/>
280.
<h1>Webboard</h1></label></td>
281.
</tr>
282.
<tr>
283.
<td> </td>
284.
<td><label>
285.
<input type=
"checkbox"
name=
"option_cart"
id=
"option_cart"
value=
"true"
/>
286.
<h1>ระบบตะกร้า</h1></label></td>
287.
</tr>
288.
<tr>
289.
<td> </td>
290.
<td><label>
291.
<input type=
"checkbox"
name=
"option_tax"
id=
"option_tax"
value=
"true"
/>
292.
<h1>หัก ณ ที่จ่าย</h1></label></td>
293.
</tr>
294.
</table>
295.
<p><br /><br /><br />
296.
<input name=
"btnRegister"
type=
"button"
id=
"btnRegister"
OnClick=
"JavaScript:doCallAjax();"
value=
"Register"
class
=
"button"
>
297.
</p><br/><br/><br/><br/><br/><br/>
298.
<div style=
"position:absolute;width:200px;top:175px;left:350px"
>
299.
<h1>ชื่อลูกค้า :</h1>
300.
<p>
301.
<input type=
"text"
name=
"customer_name"
id=
"customer_name"
class
=
"email"
/>
302.
</p>
303.
<h1>ชื่อผู้ติดต่อ :</h1>
304.
<p>
305.
<input type=
"text"
name=
"contact_name"
id=
"contact_name"
class
=
"email"
/>
306.
</p>
307.
<h1>E-mail :</h1>
308.
<p>
309.
<input type=
"text"
name=
"email"
id=
"email"
class
=
"email"
/>
310.
</p>
311.
<h1>บัตรประชาชน :</h1>
312.
<p>
313.
<input type=
"text"
name=
"card_id"
id=
"card_id"
class
=
"email"
/>
314.
</p>
315.
<h1>เลขที่บัญชี :</h1>
316.
<p>
317.
<input type=
"text"
name=
"ac_no"
id=
"ac_no"
class
=
"email"
/>
318.
</p>
319.
<h1>ธนาคาร :</h1>
320.
<p>
321.
<select type=
"text"
name=
"ac_bank"
id=
"ac_bank"
class
=
"email"
>
322.
<option value=
"ไทยพาณิชย์"
selected=
""
>ธนาคารไทยพาณิชย์</option>
323.
<option value=
"กรุงไทย"
>ธนาคารกรุงไทย</option>
324.
<option value=
"ทหารไทย"
>ธนาคารทหารไทย</option>
325.
<option value=
"กสิกร"
>ธนาคารกสิกร</option>
326.
<option value=
"กรุงเทพ"
>ธนาคารกรุงเทพ</option>
327.
</select>
328.
</p>
329.
<h1>สาขา :</h1>
330.
<p>
331.
<input type=
"text"
name=
"ac_branch"
id=
"ac_branch"
class
=
"email"
/>
332.
</p>
333.
<h1>ชื่อบัญชี :</h1>
334.
<p>
335.
<input type=
"text"
name=
"ac_name"
id=
"ac_name"
class
=
"email"
/>
336.
</p>
337.
<h1>username :</h1>
338.
<p>
339.
<input type=
"text"
name=
"username"
id=
"username"
class
=
"email"
/>
340.
</p>
341.
<h1>password :</h1>
342.
<p>
343.
<input type=
"password"
name=
"password"
id=
"password"
class
=
"email"
/>
344.
</p>
345.
</div>
346.
</div>
347.
</div>
348.
</form>
349.
<!--
End
of form-->
350.
<div
class
=
"clear"
></div>
351.
<!-- Footer-->
352.
<div id=
"footer"
>
353.
<div
class
=
"info"
>&
copy
; 2009 StudioCLICK | DESIGNED AND DEVELOPPED BY <a href=
"http://freepsdtheme.com/"
>DDSTUDIOS</a></div>
354.
<div
class
=
"infonav"
> <a href=
"#"
>HOME</a> | <a href=
"#"
>ABOUT</a> | <a href=
"#"
>PORTFOLIO</a> | <a href=
"#"
>BLOG</a> | <a href=
"#"
>CONTACT</a> </div>
355.
</div>
356.
<!--
End
of footer-->
357.
</div>
358.
<!--
End
of wrapper -->
359.
</body>
360.
</html>