root
/
tp3_activity


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
							<!DOCTYPE html>
<html>
<head>
<title></title>
<!--#include virtual="/h5v2/htm2/head.htm" -->
<style type="text/css">
body{
	background-image: url(img/phone.jpg);
}
</style>
</head>
<body>

<div id="buttonDiv"></div>
<div id="phoneRightDiv" style="visibility:hidden;"></div>

<!--#include virtual="/h5v2/htm2/foot.htm" -->
<!--#include virtual="activity_cfg.htm" -->
<script type="text/javascript">
    var linkImage = CONFIG.SPACER;//透明图片
    var buttons = [];//按钮数组

    var act_id = ACTIVITY_CFG.ACT_ID, act_code = ACTIVITY_CFG.ACT_CODE;//活动id及code
    var is_vips = PageH5.cookie.get('activity_is_vip','0,0');
    var uid = PageH5.cookie.get('activity_userid'),
        dudu_is_vip = parseInt(is_vips.split(',')[0]),
        child_is_vip = parseInt(is_vips.split(',')[1]);

	var prizeImg = PageH5.getParam('prizeImg');
	var pnFocus=false,pn='';

	var myKeys = ['1','2','3','4','5','6','7','8','9','0','d','c'];
	PageH5.eventHandler = function(keyCode){
		if(keyCode==KEY_LEFT){
			PageH5.Button.move('left');
		}else if(keyCode==KEY_RIGHT){
			PageH5.Button.move('right');
		}else if(keyCode==KEY_UP){
			PageH5.Button.move('up');
		}else if(keyCode==KEY_DOWN){
			PageH5.Button.move('down');
		}else if(keyCode==KEY_ENTER){
			PageH5.Button.click();
		}else if(pnFocus){
				if(keyCode==KEY_0){
					pn += '0';
				}else if(keyCode==KEY_1){
					pn += '1';
				}else if(keyCode==KEY_2){
					pn += '2';
				}else if(keyCode==KEY_3){
					pn += '3';
				}else if(keyCode==KEY_4){
					pn += '4';
				}else if(keyCode==KEY_5){
					pn += '5';
				}else if(keyCode==KEY_6){
					pn += '6';
				}else if(keyCode==KEY_7){
					pn += '7';
				}else if(keyCode==KEY_8){
					pn += '8';
				}else if(keyCode==KEY_9){
					pn += '9';
				}else if(keyCode==KEY_BACK || keyCode==KEY_EXIT){
					pn = pn.substring(0, pn.length-1);
				}
				G('pn').innerHTML = pn;
		}else if(keyCode==KEY_BACK || keyCode==KEY_EXIT){
			back();
		}
	}

	function init(){
		var html = '';
		html+='<div style="position:absolute;left:499px;top:247px;"><img id="pnBorder" src="'+linkImage+'"/></div>';
		html+='<div id="pn" style="position:absolute; left:505px; top:253px; width:271px;height:30px; line-height:30px; text-align:center; font-size:30px; overflow: hidden; color:red;"></div>';
        
		for(var i = 0 ; i < myKeys.length ; i++ ){
			html+='<div style="position:absolute;left:'+(480+(i%6)*55)+'px;top:'+(i<6?335:385)+'px;"><img src="img/key/'+i+'.png"/></div>';
			html+='<div style="position:absolute;left:'+((480+(i%6)*55)-1)+'px;top:'+((i<6?335:385)-1)+'px;"><img id="key_'+i+'" src="'+linkImage+'"/></div>';
			var obj = {
				id:'key_'+i, action:goKey, index:i,
				left:'key_'+(i-1),
				right:'key_'+(i+1),
				up:['key_'+(i-6),'pnBorder'],
				down:['key_'+(i+6),'submit'],
				focusImage: 'img/key/key_focus.png'
			};
			buttons.push(obj);
		}
		html+='<div style="position:absolute;left:572px;top:613px;"><img id="submit" src="'+linkImage+'"/></div>';
        G('buttonDiv').innerHTML = html;
		
		var phoneRightDivHTML = '<div style="position:absolute;left:0px;top:0px;"><img src="img/phoneRight.jpg" width="1280" height="720"/></div>';
			phoneRightDivHTML+='<div style="position:absolute;left:575px;top:616px;"><img src="img/sure_link.png"/></div>';
			phoneRightDivHTML+='<div style="position:absolute;left:572px;top:613px;"><img id="right_btn" src="'+linkImage+'"/></div>';
		G('phoneRightDiv').innerHTML = phoneRightDivHTML;

		buttons.push({id:'pnBorder', left:'', right:'', up:'', down:'key_0', focusImage:'img/f_pnBorder.png', focusHandler:"pnFocus=true", blurHandler:"pnFocus=false"});
		buttons.push({id:'submit', action:submit, left:'', right:'quxiao', up:'key_6', down:'', focusImage:'img/sure_focus.png'});

		var phoneRightBtn = {
				id: 'right_btn', action: back,
				left: '',
				right: '',
				up: '',
				down: '',
				focusImage:'img/sure_focus.png'
			};
		buttons.push(phoneRightBtn);

		PageH5.btn.init([PageH5.getParam('f'), 'pnBorder'], buttons, '', false);
	}

	function goKey(button){
		if(button.index==10){
			pn = pn.substring(0, pn.length-1);
		}else if(button.index==11){
			pn = '';
		}else{
			pn += myKeys[button.index];
		}
		G('pn').innerHTML = pn;
	}

	function submit(){
		var phone = G('pn').innerHTML;
		var myreg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/;//19或16新号段也放开
		if(!myreg.test(phone)){
			PageH5.tip('手机号码格式有误！');
		}else{
			ajax({
				url: webUrl + "index.php?m=Home&c=Activityv2&a=setUserInfo",
				data: {
					uid: uid,
					act_id: act_id,
					is_vip: dudu_is_vip + child_is_vip,
					phone: phone
				},
				success: function (res) {
					if (res.code == 0) {
						goPhoneRight();
					}else{
						PageH5.tip('抱歉，号码保存失败！');
					}
				}
        	})
		}
	}

	function goPhoneRight(){
		S('phoneRightDiv');
		H('buttonDiv');
		PageH5.btn.set('right_btn');
	}
	function back(){
		location.href =  url_prefix + 'index.html';
	}

	window.onload = function(){
		init();
	}
</script>
</body>
</html>