PageRenderTime 51ms CodeModel.GetById 23ms RepoModel.GetById 0ms app.codeStats 1ms

/misc/referafriend_form.php

https://github.com/jamesming/stage_beta
PHP | 284 lines | 267 code | 13 blank | 4 comment | 5 complexity | e001b24e94a210ea978e38f1bb2e859c MD5 | raw file
    

  1. <link type="text/css" rel="stylesheet" media="all" href="style.css" />
    2. 

  2. <style type="text/css">
    3. 

  3. 

  4. label {display:block;margin:2px;font-weight:bold;}
    5. 

  5. .form {padding:0px;margin:0px; color: #FFFFFF;}
    6. 

  6. .form li {width:300px;height:25px;margin:3px;padding:5px 5px 5px 30px;list-style:none;position:relative;}
    7. 

  7. *html .form li {left:-15px;}
    8. 

  8. .form li img {position:absolute;left:5px;}
    9. 

  9. .form .error {border:1px solid #A90000;background-color:#F8E5E5;}
    10. 

  10. .form .success {border:1px solid #74F019;background-color:#DEF8CA;}
    11. 

  11. .form .selected {border:1px solid #1AA8E1;background-color:#8DD8F7;}
    12. 

  12. #login_table .pad {padding:15px;}
    13. 

  13. .form input {width:180px; border-radius: 0 10px 0 10px;}
    14. 

  14. 

  15. </style>
    16. 

  16. <script type="text/javascript" src="jquery.js"></script>
    17. 

  17. <script type="text/javascript" src="val.js"></script>
    18. 

  18. <script>
    19. 

  19. var passed = 0;
    20. 

  20. </script>
    21. 

  21. 

  22. <?
    23. 

  23. if($_POST['action'] == 'Submit') {
    24. 

  24. 	//print_r($_POST);
    25. 

  25. 	//echo "INSERT INTO custom_refer_friend VALUES ('', '$_POST[fname]', '$_POST[lname]', '$_POST[addr]', '$_POST[addr2]', '$_POST[city]', '$_POST[state]', '$_POST[zip]', '$_POST[email]', '$_POST[email1]', '$_POST[email2]', '$_POST[email3]', '$_POST[email4]', '$_POST[email5]', '$_POST[shirt_size]', '$_POST[shirt_style]', '$_POST[newsletter]') ";
    26. 

  26. 	
    27. 

  27. 	$success = mysql_query("INSERT INTO custom_refer_friend VALUES ('', '$_POST[fname]', '$_POST[lname]', '$_POST[addr]', '$_POST[addr2]', '$_POST[city]', '$_POST[state]', '$_POST[zip]', '$_POST[email]', '$_POST[email1]', '$_POST[email2]', '$_POST[email3]', '$_POST[email4]', '$_POST[email5]', '$_POST[shirt_size]', '$_POST[shirt_style]', '$_POST[newsletter]') ");
    28. 

  28. 	//$id = mysql_insert_id();
    29. 

  29. 

  30. 	if($success) {
    31. 

  31. 

  32. 		$to      = $_POST[email];
    33. 

  33. 		$subject = 'Model Latina T-Shirt Giveaway';
    34. 

  34. 		$message = '
    35. 

  35. 	+++++++++++++++++++++++++++++++++
    36. 

  36. 	<br />
    37. 

  37. 	<br />
    38. 

  38. 	Thank you for sharing the video.  Once we\'ve validated the email addresses you\'ve provided, your T-Shirt will be sent.
    39. 

  39. 	<br />
    40. 

  40. 	<br />
    41. 

  41. 	Best regards,
    42. 

  42. 	<br />
    43. 

  43. 	<br />
    44. 

  44. 	The nuvoTV Digital Team
    45. 

  45. 	<br />
    46. 

  46. 	<br />
    47. 

  47. 	+++++++++++++++++++++++++++++++++++ 
    48. 

  48. 	';
    49. 

  49. 		$headers  = 'MIME-Version: 1.0' . "\n";
    50. 

  50. 		$headers .= 'Content-type: text/html; charset=iso-8859-1' . "\n";
    51. 

  51. 		$headers .= 'From: nuvoTV <no-reply@mynuvotv.com>';
    52. 

  52. 

  53. 		mail($to, $subject, $message, $headers);
    54. 

  54. 	}
    55. 

  55. 

  56. ?>
    57. 

  57. 	<div class="page_middle_login" style="padding-left: 0px; border: 1px solid white; width: 490px; padding-bottom: 80px;">
    58. 

  58. 		<img src="images/form-title.jpg" width="490" />
    59. 

  59. 		<div class="page_middle_register" style="padding: 10px; color: white; height: 100px;" >
    60. 

  60. 			<div style="float: left; margin-bottom: 10px; padding: 5px;" >
    61. 

  61. 				+++++++++++++++++++++++++++++++++
    62. 

  62. 				<br />
    63. 

  63. 				<br />
    64. 

  64. 				Thank you for sharing the video.  Once we've validated the email addresses you've provided, your T-Shirt will be sent.
    65. 

  65. 				<br />
    66. 

  66. 				<br />
    67. 

  67. 				Best regards,
    68. 

  68. 				<br />
    69. 

  69. 				<br />
    70. 

  70. 				The nuvoTV Digital Team
    71. 

  71. 				<br />
    72. 

  72. 				<br />
    73. 

  73. 				+++++++++++++++++++++++++++++++++++ 
    74. 

  74. 			</div>
    75. 

  75. 		</div>	
    76. 

  76. 			
    77. 

  77. 	
    78. 

  78. <?
    79. 

  79. } else {
    80. 

  80. 

  81. ?>
    82. 

  82. 	
    83. 

  83. 	<div class="page_middle_login" style="padding-left: 0px; border: 1px solid white; width: 490px; padding-bottom: 80px;">
    84. 

  84. 		<img src="images/form-title.jpg" width="490" />
    85. 

  85. 		<div class="page_middle_register" style="padding: 10px; color: white;" >
    86. 

  86. 			<div style="float: left; margin-bottom: 10px; padding: 5px;" >
    87. 

  87. 				The first 200 people to share our video with five of their friends get this free super sexy Model Latina T-shirt.*
    88. 

  88. 			</div>
    89. 

  89. 			<img src="images/step1.jpg" width="480" />
    90. 

  90. 			<form name="registration" id="registration" method="post" action="referafriend.php">
    91. 

  91. 

  92. 			<ul class="form">
    93. 

  93. 			<li class="validated" id="fname_li" style="float: left; width: 400px;">
    94. 

  94. 				<label for="fname" style="float: left;">First Name: <span style="font-weight: normal; color: white; font-size: 13px; margin-left: 5px;">(*required)</span></label>
    95. 

  95. 				<input class="validated" type="text" name="fname" id="fname" style="float: right;" />
    96. 

  96. 				<div id="fname_msg"></div>
    97. 

  97. 			</li>
    98. 

  98. 			<li class="validated" id="lname_li" style="float: left; width: 400px;">		
    99. 

  99. 				<label for="lname" style="float: left;">Last Name: <span style="font-weight: normal; color: white; font-size: 13px; margin-left: 5px;">(*required)</span></label>
    100. 

  100. 				<input type="text" name="lname" id="lname" style="float: right;" />
    101. 

  101. 				<div id="lname_msg"></div>
    102. 

  102. 			</li>
    103. 

  103. 			<li class="validated" id="addr_li" style="float: left; width: 400px;">		
    104. 

  104. 				<label for="addr" style="float: left;">Address: <span style="font-weight: normal; color: white; font-size: 13px; margin-left: 5px;">(*required)</span></label>
    105. 

  105. 				<input type="text" name="addr" id="addr" style="float: right;" />
    106. 

  106. 				<div id="addr_msg"></div>
    107. 

  107. 			</li>
    108. 

  108. 			<li class="validated" id="addr2_li" style="float: left; width: 400px;">			
    109. 

  109. 				<label for="addr2" style="float: left;">Address 2:</label>
    110. 

  110. 				<input type="text" name="addr2" id="addr2" style="float: right;" />
    111. 

  111. 				<div id="addr2_msg"></div>
    112. 

  112. 			</li>
    113. 

  113. 			<li class="validated" id="city_li" style="float: left; width: 400px;">			
    114. 

  114. 				<label for="city" style="float: left;">City: <span style="font-weight: normal; color: white; font-size: 13px; margin-left: 5px;">(*required)</span></label>
    115. 

  115. 				<input type="text" name="city" id="city" style="float: right;" />
    116. 

  116. 				<div id="city_msg"></div>
    117. 

  117. 			</li>
    118. 

  118. 			<li class="validated" id="state_li" style="float: left; width: 400px;">			
    119. 

  119. 				<label for="state" style="float: left;">State: <span style="font-weight: normal; color: white; font-size: 13px; margin-left: 5px;">(*required)</span></label>
    120. 

  120. 				<input type="text" name="state" id="state" style="float: right;" />
    121. 

  121. 				<div id="state_msg"></div>
    122. 

  122. 			</li>
    123. 

  123. 			<li class="validated" id="zip_li" style="float: left; width: 400px;">			
    124. 

  124. 				<label for="zip" style="float: left;">Zip Code: <span style="font-weight: normal; color: white; font-size: 13px; margin-left: 5px;">(*required)</span></label>
    125. 

  125. 				<input type="text" name="zip" id="zip" style="float: right;" />
    126. 

  126. 				<div id="zip_msg"></div>
    127. 

  127. 			</li>		
    128. 

  128. 			<li class="validated" id="email_li" style="float: left; width: 400px;">	
    129. 

  129. 				<label for="email" style="float: left;">Email: <span style="font-weight: normal; color: white; font-size: 13px; margin-left: 5px;">(*required)</span></label>
    130. 

  130. 				<input type="email" name="email" id="email" size="26" style="float: right;" />
    131. 

  131. 				<div id="email_msg"></div>
    132. 

  132. 			</li>
    133. 

  133. 			<img src="images/step2.jpg" width="480" style="margin-top: 10px;" />
    134. 

  134. 			<li class="validated" id="email1_li" style="float: left; width: 400px;">			
    135. 

  135. 				<label for="email1" style="float: left;">Email 1: <span style="font-weight: normal; color: white; font-size: 13px; margin-left: 5px;">(*required)</span></label>
    136. 

  136. 				<input type="text" name="email1" id="email1" style="float: right;" />
    137. 

  137. 				<div id="email1_msg"></div>
    138. 

  138. 			</li>
    139. 

  139. 			<li class="validated" id="email2_li" style="float: left; width: 400px;">			
    140. 

  140. 				<label for="email2" style="float: left;">Email 2: <span style="font-weight: normal; color: white; font-size: 13px; margin-left: 5px;">(*required)</span></label>
    141. 

  141. 				<input type="text" name="email2" id="email2" style="float: right;" />
    142. 

  142. 				<div id="email2_msg"></div>
    143. 

  143. 			</li>
    144. 

  144. 			<li class="validated" id="email3_li" style="float: left; width: 400px;">			
    145. 

  145. 				<label for="email3" style="float: left;">Email 3: <span style="font-weight: normal; color: white; font-size: 13px; margin-left: 5px;">(*required)</span></label>
    146. 

  146. 				<input type="text" name="email3" id="email3" style="float: right;" />
    147. 

  147. 				<div id="email3_msg"></div>
    148. 

  148. 			</li>
    149. 

  149. 			<li class="validated" id="email4_li" style="float: left; width: 400px;">			
    150. 

  150. 				<label for="email4" style="float: left;">Email 4: <span style="font-weight: normal; color: white; font-size: 13px; margin-left: 5px;">(*required)</span></label>
    151. 

  151. 				<input type="text" name="email4" id="email4" style="float: right;" />
    152. 

  152. 				<div id="email4_msg"></div>
    153. 

  153. 			</li>
    154. 

  154. 			<li class="validated" id="email5_li" style="float: left; width: 400px;">			
    155. 

  155. 				<label for="email5" style="float: left;">Email 5: <span style="font-weight: normal; color: white; font-size: 13px; margin-left: 5px;">(*required)</span></label>
    156. 

  156. 				<input type="text" name="email5" id="email5" style="float: right;" />
    157. 

  157. 				<div id="email5_msg"></div>
    158. 

  158. 			</li>
    159. 

  159. 			<img src="images/step3.jpg" width="480" style="margin-top: 10px;" />				
    160. 

  160. 			<li class="validated" id="shirt_size_li" style="height: 40px; margin-bottom: 20px;">
    161. 

  161. 					<label for="shirt_size">Select your T-shirt size: <span style="font-weight: normal; color: white; font-size: 13px; float: right; margin-right: 65px;">(*required)</span></label> 
    162. 

  162. 					<div id="shirt_size_img"></div>
    163. 

  163. 					<select name="shirt_size" id="shirt_size">
    164. 

  164. 						<option value="0" selected="selected">Select One...</option>
    165. 

  165. 						<option value="s">Small</option>
    166. 

  166. 						<option value="m">Medium</option>
    167. 

  167. 						<option value="l">Large</option>
    168. 

  168. 						<option value="xl">X-Large</option>
    169. 

  169. 						<option value="2xl">2X-Large</option>
    170. 

  170. 						<option value="3xl">3X-Large</option>
    171. 

  171. 					</select>
    172. 

  172. 					<div id="shirt_size_msg"></div>
    173. 

  173. 			</li>
    174. 

  174. 			<!-- <li class="validated" id="shirt_style_li">
    175. 

  175. 				<label for="shirt_style">Choose your Shirt Style: <span style="font-weight: normal; color: white; font-size: 13px; float: right; margin-right: 65px;">(*required)</span></label>
    176. 

  176. 				<div id="shirt_style_img"></div>
    177. 

  177. 				<select name="shirt_style" id="shirt_style">
    178. 

  178. 					<option value="0" selected="selected">Select One...</option>
    179. 

  179. 					<option value="mllv">Model Latina Las Vegas</option>
    180. 

  180. 					<option value="osmin">Operation Osmin</option>
    181. 

  181. 					<option value="nuvo">nuvoTV: America's Nu Voice</option>
    182. 

  182. 				</select>
    183. 

  183. 				<div id="shirt_style_msg"></div>
    184. 

  184. 			</li> -->
    185. 

  185. 			<li class="validated" id="terms_li" style="height: 40px; margin-bottom: 20px;">
    186. 

  186. 					<input type="checkbox" name="terms" id="terms" value="1" style="float: left; width: 10px; margin-right: 5px;" />
    187. 

  187. 					<label for="terms"> &mdash; I agree to the terms. <br /><a href="/terms-of-use" style="color: white; font-size: 12px; text-decoration: underline;">Click here</a> for term details <span style="font-weight: normal; color: white; font-size: 13px; float: right; margin-right: 65px;">(*required)</span></label>
    188. 

  188. 					<div id="terms_msg"></div>
    189. 

  189. 			</li>
    190. 

  190. 			<li class="validated" id="newsletter_li" style="height: 40px; margin-bottom: 20px;">
    191. 

  191. 					<input type="checkbox" name="newsletter" id="newsletter" value="1" style="float: left; width: 10px; margin-right: 5px;" /> <span style="font-weight: normal; color: white; font-size: 13px; float: right; margin-right: 65px;">(*optional)</span>
    192. 

  192. 					<label for="newsletter"> &mdash; Please add me to your Newsletter list.</label>
    193. 

  193. 					<div id="newsletter_msg"></div>
    194. 

  194. 			</li>
    195. 

  195. 			
    196. 

  196. 				
    197. 

  197. 				<div style="padding-top: 10px;">
    198. 

  198. 					<img class="login" style="width: auto; cursor: pointer;" src="images/submit.png" type="button" name="submit_but" onmousedown="var result = validateForm(); if(result == true) { document.forms['registration'].submit();}" />
    199. 

  199. 				</div>
    200. 

  200. 				
    201. 

  201. 				<input type="hidden" name="action" value="Submit" />
    202. 

  202. 				<div style="float: left; padding-top: 50px;">
    203. 

  203. 					*Terms &amp; Conditions apply
    204. 

  204. 				</div>
    205. 

  205. 				<img src="images/ML_t-shirtv3.jpg" style="float: right; margin-top: -207px;" />
    206. 

  206. 			</ul>
    207. 

  207. 			</form>
    208. 

  208. 		</div>
    209. 

  209. <?
    210. 

  210. 

  211. }		
    212. 

  212. 

  213. ?>
    214. 

  214. 	</div>
    215. 

  215. 	
    216. 

  216. <script>
    217. 

  217. function validateForm()
    218. 

  218. {
    219. 

  219. 	var fields = new Array("fname", "lname", "addr", "city", "state", "zip", "email", "email1", "email2", "email3", "email4", "email5", "shirt_size", "terms");
    220. 

  220. 	var pass = true;
    221. 

  221. 	var first = true;
    222. 

  222.  
    223. 

  223. 	for(var i in fields) {
    224. 

  224. 		if(fields[i] == 'fname' || fields[i] == 'lname' || fields[i] == 'addr' || fields[i] == 'city' || fields[i] == 'state' || fields[i] == 'zip' || fields[i] == 'shirt_size' || fields[i] == 'terms') {
    225. 

  225. 			if(fields[i] == 'terms') {
    226. 

  226. 				var x = document.getElementById(fields[i]).checked;
    227. 

  227. 			} else {
    228. 

  228. 				var x = document.getElementById(fields[i]).value;
    229. 

  229. 			}
    230. 

  230. 			var msg_id = fields[i]+"_msg";
    231. 

  231. 			var li_id = fields[i].replace(/Field/i, "fo1li");
    232. 

  232. 			document.getElementById(li_id).setAttribute("class", "");	
    233. 

  233. 			document.getElementById(msg_id).innerHTML = '';
    234. 

  234. 			if (x==null || x=="" || x == 0) {
    235. 

  235. 				var label = fields[i].replace(/Field/i, "title");	
    236. 

  236. 				var curr_class = document.getElementById(li_id).getAttribute("class");
    237. 

  237. 				if(curr_class != "    error ") {
    238. 

  238. 					document.getElementById(li_id).setAttribute("class", "    error ");
    239. 

  239. 					if(fields[i] == 'terms') {
    240. 

  240. 						document.getElementById(msg_id).innerHTML += '<p style="display: block; color: red;">You must agree to the terms and conditions.<br /></p>';
    241. 

  241. 					} else if(fields[i] == 'shirt_size') { 
    242. 

  242. 						document.getElementById(msg_id).innerHTML += '<p style="display: block; color: red;">This field is required.<br /></p>';
    243. 

  243. 					} else {
    244. 

  244. 						document.getElementById(msg_id).innerHTML += '<p style="display: block; color: red;"><br />This field is required.<br /></p>';
    245. 

  245. 					}
    246. 

  246. 				}
    247. 

  247. 				pass = false;
    248. 

  248. 			}  else {
    249. 

  249. 				var li_id = fields[i].replace(/Field/i, "fo1li");
    250. 

  250. 				document.getElementById(li_id).setAttribute("class", "");
    251. 

  251. 			}
    252. 

  252. 		} else if(fields[i] == 'email' || fields[i] == 'email1' || fields[i] == 'email2' || fields[i] == 'email3' || fields[i] == 'email4' || fields[i] == 'email5') {
    253. 

  253. 			var x = document.getElementById(fields[i]).value;
    254. 

  254. 			var atpos=x.indexOf("@");
    255. 

  255. 			var dotpos=x.lastIndexOf(".");
    256. 

  256. 			var li_id = fields[i].replace(/Field/i, "fo1li");
    257. 

  257. 			var msg_id = fields[i]+"_msg";
    258. 

  258. 			document.getElementById(li_id).setAttribute("class", "");	
    259. 

  259. 			document.getElementById(msg_id).innerHTML = '';
    260. 

  260. 			if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length) {
    261. 

  261. 				var label = fields[i].replace(/Field/i, "title");	
    262. 

  262. 				var curr_class = document.getElementById(li_id).getAttribute("class");
    263. 

  263. 				if(curr_class != "    error ") {
    264. 

  264. 					document.getElementById(li_id).setAttribute("class", "    error ");
    265. 

  265. 					document.getElementById(msg_id).innerHTML += '<p style="display: block; color: red;"><br />Please enter a valid e-mail address.<br /></p>';
    266. 

  266. 				}
    267. 

  267. 				pass = false;
    268. 

  268. 			}  else {
    269. 

  269. 				var li_id = fields[i].replace(/Field/i, "fo1li");
    270. 

  270. 				document.getElementById(li_id).setAttribute("class", "");
    271. 

  271. 			}
    272. 

  272. 		}
    273. 

  273. 	}
    274. 

  274. 	if(pass == false) {
    275. 

  275. 		//document.getElementById('errorLi').style.display = 'block';
    276. 

  276. 		//self.scrollTo(0,0);
    277. 

  277. 		return false;
    278. 

  278. 	} else {
    279. 

  279. 		return true;
    280. 

  280. 	}
    281. 

  281. }
    282. 

  282. </script>	
    283. 

  283. 

  284. </body>
    285. 

  285.