PageSourceSearch

https://socnhi.com/javascript/header/drawBox.js?ver=971

js socnhi.com collected 2026-10-02 00:01:30 UTC 38,128 bytes, 742 lines download raw bytes

1/*chaunh draw register popup*/
2socnhi.showRegisterPopup = function showRegisterPopup() {
3	if (typeof(popupContainer) != "object") {
4		popupContainer = $('<div id="SN_Register" class="SN_Register"></div>');
5		displayElement(popupContainer);
6	}
7	
8	if (typeof(popupContainer) == "object") {
9		popupContainer.html('\
10			<div style="position: relative; left: 0pt; top: 0pt; width: 498px; height: 755px; background: url(\'/images/header/newdesign/regisBg.png\');">\
11				<div style="position: absolute; top: 16px; right: 25px;">\
12				<a href="javascript:void(0)" onclick="pay_cancel();">\
13					<img src="images/header/close.png" width="39px">\
14				</a>\
15				</div>\
16				<div style="position: absolute; top: 73px; left:45px;">\
17					<input type="text" id="yourName" name="yourName" maxlength="255" class="regisInput"\
18						value="Tên thật của bạn" onfocus="if (this.value == \'Tên thật của bạn\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Tên thật của bạn\';}"/>\
19				</div>\
20				<div style="position: absolute; top: 114px; left:45px;">\
21					<input type="text" id="reg_name" name="user_name" maxlength="255" class="regisInput"\
22						value="Email:" onfocus="if (this.value == \'Email:\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Email:\';}"/>\
23				</div>\
24				<div style="position: absolute; top: 188px; left:45px;" >\
25					<input type="text" id="reg_pass" name="pass" class="regisInput"\
26						value="Mật khẩu:" onfocus="if (this.value == \'Mật khẩu:\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Mật khẩu:\';}"/>\
27				</div>\
28				<div style="position: absolute; top: 230px; left:45px;" >\
29					<input type="text" id="reg_pass1" name="pass1" class="regisInput"\
30						value="Nhập lại mật khẩu:" onfocus="if (this.value == \'Nhập lại mật khẩu:\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Nhập lại mật khẩu:\';}"/>\
31				</div>\
32				<div style="position: absolute; top: 272px; left:45px;" >\
33					<input type="text" id="reg_province" name="reg_province" class="regisInput"\
34						value="Tỉnh/Thành phố" onfocus="if (this.value == \'Tỉnh/Thành phố\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Tỉnh/Thành phố\';}"/>\
35				</div>\
36				<div style="position: absolute; top: 314px; left:45px;" >\
37					<input type="text" id="reg_district" name="reg_district" class="regisInput"\
38						value="Quận/Huyện" onfocus="if (this.value == \'Quận/Huyện\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Quận/Huyện\';}"/>\
39				</div>\
40				<div style="position: absolute; top: 356px; left:45px;" >\
41					<input type="text" id="reg_school" name="reg_school" class="regisInput"\
42						value="Trường" onfocus="if (this.value == \'Trường\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Trường\';}"/>\
43				</div>\
44				<div style="position: relative; top: 456px; width: 100px; left: 138px; float: left;">\
45					<select id="reg_day" class="day">\
46						<option value="">Ngày</option>\
47						<option value="01">01</option>\
48						<option value="02">02</option>\
49						<option value="03">03</option>\
50						<option value="04">04</option>\
51						<option value="05">05</option>\
52						<option value="06">06</option>\
53						<option value="07">07</option>\
54						<option value="08">08</option>\
55						<option value="09">09</option>\
56						<option value="10">10</option>\
57						<option value="11">11</option>\
58						<option value="12">12</option>\
59						<option value="13">13</option>\
60						<option value="14">14</option>\
61						<option value="15">15</option>\
62						<option value="16">16</option>\
63						<option value="17">17</option>\
64						<option value="18">18</option>\
65						<option value="19">19</option>\
66						<option value="20">20</option>\
67						<option value="21">21</option>\
68						<option value="22">22</option>\
69						<option value="23">23</option>\
70						<option value="24">24</option>\
71						<option value="25">25</option>\
72						<option value="26">26</option>\
73						<option value="27">27</option>\
74						<option value="28">28</option>\
75						<option value="29">29</option>\
76						<option value="30">30</option>\
77						<option value="31">31</option>\
78					</select>\
79				</div>\
80				<div style="position: relative; width: 100px; top: 456px; left: 138px; float: left;">\
81					<select id="reg_month" class="day">\
82						<option value="">Tháng</option>\
83						<option value="01">01</option>\
84						<option value="02">02</option>\
85						<option value="03">03</option>\
86						<option value="04">04</option>\
87						<option value="05">05</option>\
88						<option value="06">06</option>\
89						<option value="07">07</option>\
90						<option value="08">08</option>\
91						<option value="09">09</option>\
92						<option value="10">10</option>\
93						<option value="11">11</option>\
94						<option value="12">12</option>\
95					</select>\
96				</div>\
97				<div style="position: relative; width: 100px; top: 456px; left: 142px;float: left;">\
98					<select id="reg_year" class="day">\
99						<option value="">Năm</option>\
100						<option value="2001">2001</option>\
101						<option value="2002">2002</option>\
102						<option value="2003">2003</option>\
103						<option value="2004">2004</option>\
104						<option value="2005">2005</option>\
105						<option value="2006">2006</option>\
106						<option value="2007">2007</option>\
107						<option value="2008">2008</option>\
108						<option value="2009">2009</option>\
109						<option value="2010">2010</option>\
110						<option value="2011">2011</option>\
111						<option value="2012">2012</option>\
112						<option value="2013">2013</option>\
113						<option value="2014">2014</option>\
114					</select>\
115				</div>\
116				<div style="position: relative; left: -20px; width: 157px; top: 396px;float: left;">\
117					<select id="reg_class" class="class">\
118						<option value="">Lớp của bạn</option>\
119						<option value="1">Lớp 1</option>\
120						<option value="2">Lớp 2</option>\
121						<option value="3">Lớp 3</option>\
122						<option value="4">Lớp 4</option>\
123						<option value="5">Lớp 5</option>\
124					</select>\
125				</div>\
126				<div style="position: absolute; top: 518px; left:45px;" >\
127					<input type="text" id="reg_parentEmail" name="reg_parentEmail" class="regisInput"\
128						value="Email của bố mẹ *" onfocus="if (this.value == \'Email của bố mẹ *\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Email của bố mẹ *\';}"/>\
129				</div>\
130				<div style="position: absolute; top: 596px; left:45px;">\
131					<input type="text" id="reg_mobile" name="mobile" maxlength="20" class="regisInput"\
132						value="Số điện thoại:" onfocus="if (this.value == \'Số điện thoại:\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Số điện thoại:\';}"\
133						onkeypress="return shop.numberOnly(this, event);"/>\
134				</div>\
135				<div id="rd_policy" style="cursor: pointer; position: absolute; bottom: 88px; left: 48px; width:320px; text-align:left; color: #999999; font-family: Socnhi; font-size: 14px;">\
136					<div id="rd_policy_img" title="check" style="float:left; margin-right:8px; width:24px; height:24px; background: url(\'/images/header/rd_policy.png\') no-repeat 0 0px;">&nbsp;</div>\
137				</div>\
138				<div id="reg_confirm" style="position: absolute; bottom: 22px; opacity: 1; left: 160px;">\
139					<a href="javascript:void(0);" onclick="regSubmit();"><img src="images/header/newdesign/dangkyButton.png" width="147px"></a>\
140				</div>\
141				<div style="bottom: 33px; left: 230px; position: absolute; display: none;">\
142					<a href="http://socnhi.com/blog/u-1/c-14/MingID.html" target="_blank"><span style="color: #999999; font-family: Socnhi; font-size: 16px;">Trợ giúp?</span></a>\
143				</div>\
144				<div style="position: absolute; bottom: 32px; right: -170px;">\
145					<img src="images/header/newdesign/socnhi1.png" width="202px" height="274px">\
146				</div>\
147				<div style="position: absolute; right: -176px; bottom: 275px;">\
148					<div class="ajax-fc-container" style="position: absolute; right: -178px; bottom: 150px; background: #FFF;">You must enable javascript to see captcha here!</div>\
149					<div id="regisResponseMessage" style="display:none;"></div>\
150					<img id="defaultBubble" src="images/header/newdesign/tooltip.png" width="209px" height="193px">\
151				</div>\
152			</div>'
153		);
154		
155		socnhi.drawPopup(popupContainer, 498);	
156		$(function() {
157			$(".ajax-fc-container").captcha({
158				borderColor: "silver",
159				text: "Xác nhận đăng ký,<br />Click vào hình <span>Ngôi sao</span> nhé"
160			});
161		});
162        $(".blockMsg").css("z-index",1000000);
163	}
164	
165	$('#reg_pass').livequery('focus',
166		    function(){
167		        var pass = $('<input type="password" id="reg_pass" name="pass" class="regisInput"\
168						value="Mật khẩu:" onfocus="if (this.value == \'Mật khẩu:\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Mật khẩu:\';}"/>');
169		        $(this).replaceWith(pass);
170		        pass.focus();
171		    }
172		);
173	$('#reg_pass1').livequery('focus',
174		    function(){
175		        var pass = $('<input type="password" id="reg_pass1" name="pass1" class="regisInput"\
176						value="Mật khẩu:" onfocus="if (this.value == \'Mật khẩu:\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Mật khẩu:\';}"/>');
177		        $(this).replaceWith(pass);
178		        pass.focus();
179		    }
180		);
181	$('#rd_policy').livequery('click', function(){
182			if($('#rd_policy_img').attr('title') == 'nocheck') {
183				$('#rd_policy_img').css('background-position','0px 0px');
184				$('#rd_policy_img').attr('title','check');
185				$('#reg_confirm_no').css('opacity','1');
186				$('#reg_confirm_no').attr('id','reg_confirm');
187				$("#reg_msg").html('');
188			} else { 
189				$('#rd_policy_img').css('background-position','0px -24px');
190				$('#rd_policy_img').attr('title','nocheck');
191				$('#reg_confirm').css('opacity','0.5');
192				$('#reg_confirm').attr('id','reg_confirm_no');
193				$("#reg_msg").html('');
194			}
195		});
196	
197	$("#reg_pass").livequery('keypress', function(event) {
198		  if ( event.which == 13 ) {
199			  regSubmit();
200		   }
201	});
202	$("#reg_pass1").livequery('keypress', function(event) {
203		  if ( event.which == 13 ) {
204			  regSubmit();
205		   }
206	});
207	$("#reg_mobile").livequery('keypress', function(event) {
208		  if ( event.which == 13 ) {
209			  regSubmit();
210		   }
211	});
212}
213/*chaunh draw recover password popup*/
214socnhi.showRecoverPass = function() {
215	
216	if (typeof(popupContainer) != "object") {
217		popupContainer = $('<div id="SN_RecoverPass" class="SN_RecoverPass"></div>');
218		displayElement(popupContainer);
219	}
220	
221	if (typeof(popupContainer) == "object") {
222		popupContainer.html('\
223			<div class="recoverPassWarp">\
224				<div style="position: absolute; top: 25px; right: 25px;">\
225					<a href="javascript:void(0)" onclick="pay_cancel();">\
226						<img src="images/header/close.png" width="39px">\
227					</a>\
228				</div>\
229				<div class="recoverPassTopMsg">Bé hãy nhập lại thông tin đã gửi cho Sóc Nhí khi đăng ký nhé!</div>\
230				<div style="position: absolute; top: 223px; left:40px;">\
231					<input type="text" id="recover_username" name="user_name" maxlength="255" class="recoverInput"\
232						value="Tên đăng nhập của bé" onfocus="if (this.value == \'Tên đăng nhập của bé\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Tên đăng nhập của bé\';}"/>\
233				</div>\
234				<div style="position: absolute; left: 40px; top: 286px;">\
235					<input type="text" id="recover_parentEmail" name="recover_parentEmail" maxlength="255" class="recoverInput"\
236						value="Email của bố mẹ" onfocus="if (this.value == \'Email của bố mẹ\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Email của bố mẹ\';}"/>\
237				</div>\
238				<div id="recover_msg"></div>\
239				<div id="recover_or" class="or">hoặc nhập</div>\
240				<div style="position: absolute; left: 40px; top: 390px;">\
241					<input type="text" id="recover_mobile" name="mobile" maxlength="20" style="background: url(\'/images/header/bg_input.png\'); border:0; width:341px; height:46px; padding:0 18px; margin:0; font-family: Socnhi; font-size:18px; color:#FFF; line-height:46px;"\
242						value="Số điện thoại" onfocus="if (this.value == \'Số điện thoại\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Số điện thoại\';}"\
243						onkeypress="return shop.numberOnly(this, event);"/>\
244				</div>\
245				<div id="send_snrecoverpass" style="position: absolute; bottom: 40px; left: 40px;">\
246					<a href="javascript:void(0)" onclick="recover_Submit();"><img src="images/header/newdesign/sendToSocnhi.png" width="187px" height="46px"></a>\
247				</div>\
248				<div style="position: absolute; right: -154px; bottom: 28px;">\
249					<img src="images/header/newdesign/socnhi2.png" width="338px" height="340px">\
250				</div>\
251			</div>'
252		);		
253		socnhi.drawPopup(popupContainer, 668);
254		$(".blockMsg").css("z-index",1000000);
255	}
256	
257	$("#recover_mobile").livequery('keypress', function(event) {
258		  if ( event.which == 13 ) {
259			  recover_Submit();
260		   }
261	});
262}
263
264
265socnhi.showRecoverPassConfirm = function(data) {
266	
267	if (typeof(popupContainer) != "object") {
268		popupContainer = $('<div id="SN_RecoverPass" class="SN_RecoverPass"></div>');
269		displayElement(popupContainer);
270	}
271	
272	if (typeof(popupContainer) == "object") {
273		popupContainer.html('\
274			<div class="recoverPassWarp">\
275				<div style="position: absolute; top: 25px; right: 25px;">\
276					<a href="javascript:void(0)" onclick="pay_cancel();">\
277						<img src="images/header/close.png" width="39px">\
278					</a>\
279				</div>\
280				<div class="recoverPassTopMsg">Bé hãy kiểm tra email và nhập OTP Sóc Nhí gửi tới email của bạn</div>\
281				<div style="position: absolute; top: 223px; left:40px;">\
282					<input type="text" id="confirm_otp" name="confirm_otp" maxlength="255" class="recoverInput"\
283						placeholder="OTP" />\
284				</div>\
285				<div style="position: absolute; left: 40px; top: 286px;">\
286					<input type="password" id="confirm_password" name="confirm_password" maxlength="255" class="recoverInput"\
287						placeholder="Mật khẩu" />\
288					<input type="hidden" value="'+data.email+'" id="confirm_email" name="confirm_email" maxlength="255" class="recoverInput"\
289						 "/>\
290				 	<div id="confirm_msg"></div>\
291				</div>\
292				<div id="send_snrecoverpass" style="position: absolute; bottom: 40px; left: 40px;">\
293					<a href="javascript:void(0)" onclick="confirmResetPass_Submit();"><img src="images/header/newdesign/sendToSocnhi.png" width="187px" height="46px"></a>\
294				</div>\
295				<div style="position: absolute; right: -154px; bottom: 28px;">\
296					<img src="images/header/newdesign/socnhi2.png" width="338px" height="340px">\
297				</div>\
298			</div>'
299		);		
300		socnhi.drawPopup(popupContainer, 668);
301		$(".blockMsg").css("z-index",1000000);
302	}
303	
304	$("#recover_mobile").livequery('keypress', function(event) {
305		  if ( event.which == 13 ) {
306			  confirmResetPass_Submit();
307		   }
308	});
309}
310/*chaunh show ask parent form*/
311socnhi.showAskParentsForm = function(childId) {
312	if (typeof(popupContainer) != "object") {
313		popupContainer = $('<div id="SN_AskParentsForm" class="SN_AskParentsForm"></div>');
314		displayElement(popupContainer);
315	}
316	
317	if (typeof(popupContainer) == "object") {
318		popupContainer.html('\
319			<div class="SN_AskParentsWrapForm">\
320				<div style="position: absolute; top: 25px; right: 25px;">\
321					<a href="javascript:void(0)" onclick="pay_cancel();">\
322						<img src="images/header/close.png" width="39px">\
323					</a>\
324				</div>\
325				<div class="askParentTopMsg">Hãy xin phép bố mẹ tham gia học tập và vui chơi với Sóc Nhí!</div>\
326				<div style="position: absolute; top: 223px; left: 28px;">\
327					<input type="text" id="parentEmail" name="parentEmail" maxlength="255" class="askParentsInput"\
328						value="Email của bố mẹ" onfocus="if (this.value == \'Email của bố mẹ\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Email của bố mẹ\';}"/>\
329				</div>\
330				<div id="askParentMsg"></div>\
331				<div id="remindParentsMsg">Bé hãy nhắc bố mẹ kiểm tra email<br />
331và đồng ý cho mình gia nhập Vương quốc Sóc Nhí.</div>\
332				<div id="askParentButtonWrap" style="position: absolute; bottom: 40px; left: 30px;">\
333					<a href="javascript:void(0);" onclick="socnhi.askParentSubmit();"><img src="images/header/newdesign/sendToSocnhi.png" width="187px" height="46px"></a>\
334				</div>\
335				<div style="position: absolute; bottom: 8px; left: 505px;">\
336					<img src="images/header/newdesign/socnhi1.png" width="202px" height="274px">\
337				</div>\
338				<input type="hidden" value="'+childId+'" id="childId" name="childId" />\
339			</div>'
340		);		
341		socnhi.drawPopup(popupContainer, 573);
342		$(".blockMsg").css("z-index",1000000);
343	}
344	
345	$("#parentEmail").livequery('keypress', function(event) {
346		  if ( event.which == 13 ) {
347			  socnhi.askParentSubmit();
348		   }
349	});
350}
351
352/*chaunh show Final success form*/
353socnhi.showFinalSuccess = function() {
354	if (typeof(popupContainer) != "object") {
355		popupContainer = $('<div id="SN_FinalSuccess" class="SN_FinalSuccess"></div>');
356		displayElement(popupContainer);
357	}
358	
359	if (typeof(popupContainer) == "object") {
360		popupContainer.html('\
361			<div class="SN_FinalSuccessWrapForm">\
362				<div class="finalSuccessMsg1">Sóc Nhí đã gửi thư giúp bé xin phép bố mẹ!</div>\
363				<div class="finalSuccessMsg2">Bé hãy nhắc bố mẹ kiểm tra email để đồng ý<br />cho mình tham gia học tập và vui chơi với<br />Sóc Nhí nhé!</div>\
364				<div id="finalOkButtonWrap" style="position: absolute; left: 195px; bottom: 50px;">\
365					<a href="javascript: pay_cancel();"><img src="images/header/newdesign/dongy.png" width="127px" height="46px"></a>\
366				</div>\
367				<div style="position: absolute; bottom: 8px; left: 484px;">\
368					<img src="images/header/newdesign/socnhi1.png" width="202px" height="274px">\
369				</div>\
370			</div>'
371		);		
372		socnhi.drawPopup(popupContainer, 529);
373		$(".blockMsg").css("z-index",1000000);
374	}
375	
376	$("#recover_mobile").livequery('keypress', function(event) {
377		  if ( event.which == 13 ) {
378			  socnhi.askParentSubmit();
379		   }
380	});
381}
382/*show pre verify Form*/
383socnhi.showPreVerifyForm = function(childId) {
384	if (typeof(popupContainer) != "object") {
385		popupContainer = $('<div id="SN_PreVerify" class="SN_PreVerify"></div>');
386		displayElement(popupContainer);
387	}
388	if (typeof(popupContainer) == "object") {
389		popupContainer.html('\
390			<div class="SN_PreVerifyWrap">\
391				<div style="position: absolute; top: 25px; right: 25px;">\
392					<a href="javascript:void(0)" onclick="pay_cancel();">\
393						<img src="images/header/close.png" width="39px">\
394					</a>\
395				</div>\
396				<div class="preVerifyMsg1">Sóc Nhí đã gửi thư giúp bé xin phép bố mẹ!</div>\
397				<div class="preVerifyMsg2">Bé hãy nhắc bố mẹ kiểm tra email<br />và đồng ý cho mình gia nhập Sóc Nhí.</div>\
398				<div id="goToVerifyWrap" style="position: absolute; left: 45px; bottom: 50px;">\
399					<a href="javascript:void(0);" onclick="socnhi.callVerifyData();"><img src="images/header/newdesign/goToVerifyForm.png" width="187px" height="46px"></a>\
400				</div>\
401				<div style="position: absolute; bottom: 8px; left: 521px;">\
402					<img src="images/header/newdesign/socnhi1.png" width="202px" height="274px">\
403				</div>\
404				<input type="hidden" id="childIdVerify" value="'+childId+'" />\
405			</div>'
406		);		
407		socnhi.drawPopup(popupContainer, 529);
408		$(".blockMsg").css("z-index",1000000);
409	}
410}
411/*show change parent Email Form only for newbie user*/
412socnhi.showChangeEmailParentsForm = function(childId, message) {
413	if (typeof(popupContainer) != "object") {
414		popupContainer = $('<div id="SN_ChangeParentsEmail" class="SN_ChangeParentsEmail"></div>');
415		displayElement(popupContainer);
416	}
417	
418	if (typeof(popupContainer) == "object") {
419		popupContainer.html('\
420			<div class="SN_ChangeParentsEmailWrap">\
421				<div style="position: absolute; top: 25px; right: 25px;">\
422					<a href="javascript:void(0)" onclick="window.location.reload();">\
423						<img src="images/header/close.png" width="39px">\
424					</a>\
425				</div>\
426				<div class="changeParentEmailMsg1">Sóc Nhí đã gửi thư giúp bé xin phép bố mẹ!</div>\
427				<div class="changeParentEmailMsg2">Bé hãy nhắc bố mẹ kiểm tra email<br />và đồng ý cho mình gia nhập Sóc Nhí.</div>\
428				<div class="changeParentEmailMsgWarning">'+message+'</div>\
429				<div id="changeParentEmailMsg"></div>\
430				<div class="changeParentEmailMsg3">Để thay đổi email của bố mẹ (nếu cần), hãy điền vào ô dưới đây</div>\
431				<div style="position: absolute; top: 320px; left: 38px;" >\
432					<input type="text" id="parentEmail" name="parentEmail" class="changeParentEmailInput"\
433						value="Email của bố mẹ *" onfocus="if (this.value == \'Email của bố mẹ *\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Email của bố mẹ *\';}"/>\
434				</div>\
435				<div class="changeParentEmailMsg4">Bé hãy nhắc bố mẹ kiểm tra email<br />
435và đồng ý cho mình gia nhập Vương quốc Sóc Nhí.</div>\
436				<div id="changeParentsEmail" style="position: absolute; bottom: 20px; left: 40px;">\
437					<a href="javascript:void(0);" onclick="socnhi.changeParentsEmailSubmit();"><img src="images/header/newdesign/askParentsSubmit.png" width="187px" height="46px"></a>\
438				</div>\
439				<div style="position: absolute; bottom: 8px; left: 486px;">\
440					<img src="images/header/newdesign/socnhi1.png" width="202px" height="274px">\
441				</div>\
442				<input type="hidden" name="childId" id="childId" value="'+childId+'" />\
443			</div>'
444		);		
445		socnhi.drawPopup(popupContainer, 529);
446		$(".blockMsg").css("z-index",1000000);
447	}
448	
449	$("#recover_mobile").livequery('keypress', function(event) {
450		  if ( event.which == 13 ) {
451			  socnhi.askParentSubmit();
452		   }
453	});
454}
455/*show verify form*/
456socnhi.showVerifyForm = function(userData) {
457	if (typeof(popupContainer) != "object") {
458		popupContainer = $('<div id="SN_VerifyForm" class="SN_VerifyForm"></div>');
459		displayElement(popupContainer);
460	}
461	
462	if (typeof(popupContainer) == "object") {
463		popupContainer.html('\
464			<div class="SN_VerifyWrapForm">\
465				<div style="position: absolute; top: 16px; right: 185px;">\
466				<a href="javascript:void(0)" onclick="pay_cancel();">\
467					<img src="images/header/close.png" width="39px">\
468				</a>\
469				</div>\
470				<div style="position: absolute; top: 73px; left:45px;">\
471					<input type="text" id="yourName" name="yourName" maxlength="255" class="regisInput"\
472						value="'+userData['fullname']+'" onfocus="if (this.value == \'Tên thật của bé\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Tên thật của bé\';}"/>\
473				</div>\
474				<div style="position: absolute; top: 114px; left:45px;">\
475					<input type="text" id="reg_name" name="user_name" maxlength="255" class="regisInput" readonly\
476						value="'+userData['username']+'" onfocus="if (this.value == \'Tên đăng nhập:\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Tên đăng nhập:\';}"/>\
477				</div>\
478				<div style="position: absolute; top: 188px; left:45px; display: none;">\
479					<input type="text" id="reg_pass" name="pass" class="regisInput"\
480						value="Mật khẩu:" onfocus="if (this.value == \'Mật khẩu:\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Mật khẩu:\';}"/>\
481				</div>\
482				<div id="showPassword" style="position: absolute; opacity: 1; left: 45px; top: 230px; display: none;">\
483					<a href="javascript: socnhi.showPassword();"><img src="images/header/newdesign/showPassword.png" width="131px" height="34px"></a>\
484				</div>\
485				<div style="position: absolute; left: 45px; top: 188px;" >\
486					<input type="text" id="reg_parentEmail" name="reg_parentEmail" class="regisInput"\
487						value="'+userData['parentsEmail']+'" onfocus="if (this.value == \'Email của bố mẹ *\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Email của bố mẹ *\';}"/>\
488				</div>\
489				<div style="position: absolute; left: 45px; top: 230px;">\
490					<input type="text" id="reg_mobile" name="mobile" maxlength="20" class="regisInput"\
491						value="'+userData['mobile']+'" onfocus="if (this.value == \'Số điện thoại:\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Số điện thoại:\';}"\
492						onkeypress="return shop.numberOnly(this, event);"/>\
493				</div>\
494				<div style="position: absolute; left: 45px; top: 270px;" >\
495					<input type="text" id="reg_province" name="reg_province" class="regisInput"\
496						value="'+userData['province']+'" onfocus="if (this.value == \'Tỉnh/Thành phố\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Tỉnh/Thành phố\';}"/>\
497				</div>\
498				<div style="position: absolute; left: 45px; top: 312px;" >\
499					<input type="text" id="reg_district" name="reg_district" class="regisInput"\
500						value="'+userData['district']+'" onfocus="if (this.value == \'Quận/Huyện\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Quận/Huyện\';}"/>\
501				</div>\
502				<div style="position: absolute; left: 45px; top: 353px;" >\
503					<input type="text" id="reg_school" name="reg_school" class="regisInput"\
504						value="'+userData['school']+'" onfocus="if (this.value == \'Trường\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Trường\';}"/>\
505				</div>\
506				<div style="position: relative; width: 100px; float: left; left: 140px; top: 452px;">\
507					<select id="reg_day" class="day">'+userData['day']+'</select>\
508				</div>\
509				<div style="position: relative; width: 100px; float: left; top: 452px; left: 141px;">\
510					<select id="reg_month" class="day">'+userData['month']+'</select>\
511				</div>\
512				<div style="position: relative; width: 100px; float: left; top: 452px; left: 145px;">\
513					<select id="reg_year" class="day">'+userData['year']+'</select>\
514				</div>\
515				<div style="position: relative; left: -20px; width: 157px; float: left; top: 395px;">\
516					<select id="reg_class" class="class">'+userData['class']+'</select>\
517				</div>\
518				<div id="reg_confirm" style="position: absolute; bottom: 32px; opacity: 1; left: 160px;">\
519					<a href="javascript:void(0);" onclick="socnhi.verifySubmit();"><img src="images/header/newdesign/verifySubmitButton.png" width="147px"></a>\
520				</div>\
521				<div style="position: absolute; bottom: 282px; right: 0px;">\
522					<div id="verify_message" style="display:none;"></div>\
523					<img id="defaultBubble" src="images/header/newdesign/defaultBubble.png" width="216px" height="192px">\
524				</div>\
525				<input type="hidden" id="userId" name="userId" class="regisInput" value="'+userData['id']+'"/>\
526			</div>'
527		);
528		socnhi.drawPopup(popupContainer, 660);		
529        $(".blockMsg").css("z-index",1000000);
530		
531		$('#reg_pass').livequery('focus',
532		    function(){
533		        var pass = $('<input type="password" id="reg_pass" name="pass" class="regisInput"\
534						value="Mật khẩu:" onfocus="if (this.value == \'Mật khẩu:\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'Mật khẩu:\';}"/>');
535		        $(this).replaceWith(pass);
536		        pass.focus();
537		    }
538		);
539	}
540}
541
542/*namkazy : Noel 2012 event draw box*/
543socnhi.showNoel2012Eventpopup = function(isLogin){
544    eventPopup = $('<div id="SN_EventNoel2012" style="position: fixed; top: 0; background: rgba(0,0,0,0.8); width: 100%; left: 0;height: 100%"></div>');
545    if(isLogin){
546            eventPopup.html('\
547                            <div style="background: url(images/header/event/noel2012/popup-1.png) no-repeat; width: 730px; height: 600px;position: absolute;">\
548                                 <a id="noel_btnclose" href="javascript:void(0);" style="background: url(images/header/event/noel2012/btn_close.png) 0 0; width: 63px; height: 63px;display:block;position: absolute;margin-top: 97px;margin-left: 665px;"></a>\
549                                 <a id="noel_btndownload" href="http://socnhi.com/app/Socnhi.com-QuaTangBeYeu.zip" target="_blank" style="background: url(images/header/event/noel2012/btn_here.png); width: 66px; height: 32px;display:block;position: absolute; margin-top: 490px; margin-left: 345px;"></a>\
550                            </div>\
551                        ');
552        var left = ($(window).width() - 730) / 2;
553        eventPopup.children("div").css({
554            top: 60 + 'px',
555            left: left
556        });
557    }else{
558          eventPopup.html('\
559                            <div style="background: url(images/header/event/noel2012/popup-2.png) no-repeat; width: 670px; height: 600px;position: absolute;">\
560                                 <a id="noel_btnclose" href="javascript:void(0);" style="background: url(images/header/event/noel2012/btn_close.png) 0 0; width: 63px; height: 63px;display:block;position: absolute;margin-top: 47px;margin-left: 555px;"></a>\
561                                 <a id="noel_btnlogin" href="javascript:void(0);" style="background: url(images/header/event/noel2012/btn_dangnhap.png); width: 132px; height: 37px;display:block;position: absolute; margin-top: 415px; margin-left: 113px;"></a>\
562                                 <a id="noel_btnlink" href="http://socnhi.com/blog/u-636736/c-15/Soc-Nhi-gioi-thieu/d-528/Nam-moi-ron-rang-cung-qua-tang-cuc-dang-yeu-tu-Soc-Nhi.html" style="background: url(images/header/event/noel2012/btn_link.png); width: 80px; height: 36px;display:block;position: absolute; margin-top: 516px; margin-left: 335px;"></a>\
563                            </div>\
564                        ');
565        var left = ($(window).width() - 670) / 2;
566        eventPopup.children("div").css({
567            top: 60 + 'px',
568            left: left
569        });
570    }
571    eventPopup.find("#noel_btnclose").unbind().bind("click",function(){
572           eventPopup.remove();
573           if(window.location.href.indexOf("#NoelEvent2012") > 0){
574               window.location.href = window.location.href.replace("#NoelEvent2012","");
575           }
576    });
577    eventPopup.find("#noel_btnlogin").unbind().bind("click",function(){
578           eventPopup.remove();
579           showLoginPopup();
580    });
581    eventPopup.find("#noel_btndownload").unbind().bind("click",function(){
582           eventPopup.remove();
583           window.location.href = window.location.href.replace("#NoelEvent2012","");
584    });
585    $("body").append(eventPopup);
586}
587
588socnhi.showNewYear2013Eventpopup = function(isLogin){
589    eventPopup = $('<div id="SN_EventNewYear2013" style="position: fixed; top: 0; background: rgba(0,0,0,0.8); width: 100%; left: 0;
589height: 100%"></div>');
590    if(isLogin){
591            eventPopup.html('\
592                            <div style="background-image: url(http://socnhi.todo.vn/images/header/event/newyear2013/popup-tet-2.png); width: 876px; height: 651px; position: absolute; top: 60px; left: 249px; background-position: initial initial; background-repeat: no-repeat no-repeat;">\
593                                 <a id="newyear_btnclose" href="javascript:void(0);" style="background: url(images/header/event/newyear2013/btn_close.png) 0 0; width: 63px; height: 63px;display:block;position: absolute;margin-top: -3px;margin-left: 765px;"></a>\
594                                 <a id="newyear_btndownload" href="javascript:void(0);" target="_blank" style="background: url(images/header/event/newyear2013/btn_here.png); width: 66px; height: 32px;display:block;position: absolute; margin-top: 253px; margin-left: 178px;"></a>\
595                            </div>\
596                        ');
597        var left = ($(window).width() - 730) / 2;
598        eventPopup.children("div").css({
599            top: 60 + 'px',
600            left: left
601        });
602    }else{
603          eventPopup.html('\
604                            <div style="background-image: url(http://socnhi.todo.vn/images/header/event/newyear2013/popup-tet-1.png); width: 670px; height: 600px; position: absolute; top: 60px; left: 286.5px; background-position: initial initial; background-repeat: no-repeat no-repeat;">\
605                                 <a id="newyear_btnclose" href="javascript:void(0);" style="background: url(images/header/event/noel2012/btn_close.png) 0 0; width: 63px; height: 63px;display:block;position: absolute;margin-top: 67px;margin-left: 555px;"></a>\
606                                 <a id="newyear_btnlogin" href="javascript:void(0);" style="background: url(images/header/event/newyear2013/btn_dangnhap.png); width: 90px; height: 25px;display:block;position: absolute; margin-top: 272px; margin-left: 387px;"></a>\
607                            </div>\
608                        ');
609        var left = ($(window).width() - 670) / 2;
610        eventPopup.children("div").css({
611            top: 60 + 'px',
612            left: left
613        });
614    }
615    eventPopup.find("#newyear_btnclose").unbind().bind("click",function(){
616           eventPopup.remove();
617           if(window.location.href.indexOf("#NewYear2013") > 0){
618               window.location.href = window.location.href.replace("#NewYear2013","");
619           }
620    });
621    eventPopup.find("#newyear_btnlogin").unbind().bind("click",function(){
622           eventPopup.remove();
623           showLoginPopup();
624    });
625    eventPopup.find("#newyear_btndownload").unbind().bind("click",function(){
626           $.ajax({
627               url: "/ajax.php?act=event&code=newyearevent",
628               dataType: "JSON",
629               success: function(result){
630                   if(result.code > 0){
631                       alert("OK");
632                   }else{
633                       alert(result.code + ": Error - " + result.msg); 
634                   }
635                   window.location.href = window.location.href.replace("#NewYear2013","");
636               }
637           }); 
638           eventPopup.remove(); 
639    });
640    $("body").append(eventPopup);
641}
642//show warning and block user by thinhpv
643function close_popup()
644{
645	jQuery.unblockUI();
646	window.location.reload();
647}
648socnhi.showWarningUserForm = function showWarningUserForm(message, block_time) 
649{
650	var warning = message + '<br>';
651	warning +=' Thời hạn cảnh cáo hết hiệu lực: ' + block_time;
652	if (typeof(popupContainer) != "object") 
653	{
654		popupContainer = $('<div id="SN_WarningUserForm" class="SN_WarningUserForm"></div>');
655		displayElement(popupContainer);
656	}
657	
658	if (typeof(popupContainer) == "object") 
659	{
660		popupContainer.html('\
661			<div style="position: relative;z-index: 9999; left: 0pt; top: 0pt; width: 600px; height: 562px; background: url(\'/images/header/bannick/popup-bannick.png\');">\
662				<div style="position: absolute; top: 256px; right: 15px;">\
663				<a href="javascript:void(0)" onclick="close_popup();">\
664					<img src="images/header/bannick/close-bannick.png" width="144px">\
665				</a>\
666				</div>\
667				<div style="text-align:left;position: absolute; top: 350px; left:45px; font-family: socnhi; color: #0084B3; width: 400px; padding: 0px 50px 0px 50px;">\
668					'+ warning +'\
669				</div>\
670			</div>'
671		);
672		socnhi.drawPopup(popupContainer, 600);
673	}
674}
675
676socnhi.showBlockUserForm = function showBlockUserForm(message, block_time, code)
677{
678	var warning = message + '<br>';
679		if(code==1){
680			warning +=' Thời hạn tước quyền truy cập hết hiệu lực: ' + block_time;
681		}
682		if (typeof(popupContainer) != "object") 
683		{
684			popupContainer = $('<div id="SN_BlockUserForm" class="SN_BlockUserForm"></div>');
685			displayElement(popupContainer);
686		}
687		
688		if (typeof(popupContainer) == "object") 
689		{
690			popupContainer.html('\
691				<div style="text-align:left;position: relative;z-index: 9999; left: 0pt; top: 0pt; width: 600px; height: 562px; background: url(\'/images/header/bannick/popup-bannick.png\');">\
692					<div style="position: absolute; top: 256px; right: 15px;">\
693						<a href="javascript:void(0)" onclick="pay_cancel();">\
694							<img src="images/header/bannick/close-bannick.png" width="144px">\
695						</a>\
696					</div>\
697					<div style="position: absolute; top: 350px; left:45px; font-family: socnhi; color: #0084B3; width: 400px; padding: 0px 50px 0px 50px;">\
698						'+ warning +'\
699					</div>\
700				</div>'
701			);
702			socnhi.drawPopup(popupContainer, 600);		
703		}
704}
705
706
707socnhi.showInputPinPassword = function(data, message) {
708	if (typeof(popupContainer) != "object") {
709		popupContainer = $('<div id="SN_ChangeParentsEmail" class="SN_ChangeParentsEmail"></div>');
710		displayElement(popupContainer);
711	}
712	
713	if (typeof(popupContainer) == "object") {
714		popupContainer.html('\
715			<div class="SN_ChangeParentsEmailWrap">\
716				<div style="position: absolute; top: 25px; right: 25px;">\
717					<a href="javascript:void(0)" onclick="window.location.reload();">\
718						<img src="images/header/close.png" width="39px">\
719					</a>\
720				</div>\
721				<div class="changeParentEmailMsg1">Sóc Nhí đã gửi  OTP tới email của bạn!</div>\
722				<div id="changeParentEmailMsg"></div>\
723				<div class="changeParentEmailMsg3">Nhập OTP và mật khẩu mới vào vào ô dưới đây</div>\
724				<div style="position: absolute; top: 320px; left: 38px;" >\
725					<input type="text" id="parentEmail" name="parentEmail" class="changeParentEmailInput"\
726						value="OTP *" onfocus="if (this.value == \'OTP *\') {this.value = \'\';}" onblur="if (this.value == \'\') {this.value = \'OTP *\';}"/>\
727				</div>\
728				<div id="changeParentsEmail" style="position: absolute; bottom: 20px; left: 40px;">\
729					<a href="javascript:void(0);" onclick="socnhi.changeParentsEmailSubmit();"><img src="images/header/newdesign/askParentsSubmit.png" width="187px" height="46px"></a>\
730				</div>\
731				<div style="position: absolute; bottom: 8px; left: 486px;">\
732					<img src="images/header/newdesign/socnhi1.png" width="202px" height="274px">\
733				</div>\
734				<input type="hidden" name="childId" id="childId" value="'+childId+'" />\
735			</div>'
736		);		
737		socnhi.drawPopup(popupContainer, 529);
738		$(".blockMsg").css("z-index",1000000);
739	}
740	
741	
742}

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.