root
/
tp3_activity


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235
							<!DOCTYPE html>
<html>

<head>
    <title>兑奖页面</title>
    <!--#include virtual="/h5v2/htm2/head.htm" -->
    <style type="text/css">
        body {
            background-image: url(img/phone.jpg);
        }
        
        .phoneNum {
            float: left;
            font-size: 20px;
            color: #392316;
            font-weight: bold;
            width: 60px;
            height: 60px;
            text-align: center;
            line-height: 60px;
            border: 3px solid transparent;
            margin-right: 2px;
            margin-bottom: 2px;
            border: 3px solid #ffb727;
        }
        
        .btn_focus_btn {
            border: 3px solid #ffffff;
            border-radius: 5px;
        }
        
        .btn_focus_btn1 {
            border: 3px solid #ffffff;
            border-radius: 20px;
            box-shadow: 0px 0px 10px #3794e2;
        }
    </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 dudu_is_vip = PageH5.cookie.get('activity_is_vip');
        var uid = PageH5.cookie.get('activity_userid');

        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 (keyCode == KEY_BACK || keyCode == KEY_EXIT) {
                back();
            } else if (pnFocus) {
                if (G('pn').innerText.length < 11) {
                    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;
                }
            }
        }

        function init() {
            var html = '';
            html += '<div style="position:absolute;left: 736px;top:247px;z-index:1;border-radius: 13px;width: 288px;height:34px;" id="pnBorder"></div>';
            html += '<div id="pn" style="position:absolute;left: 736px;top: 248px;width: 290px;height: 34px;line-height:30px;text-align:center;font-size:30px;overflow: hidden;color:color: #513b27;border: 2px solid #feb728;border-radius: 12px;"></div>';

            for (var i = 0; i < myKeys.length; i++) {
                html += '<div class="phoneNum" id="key_' + i + '" style="position:absolute;left:' + (738 + (i % 4) * 75) + 'px;top:' + (i < 4 ? 315 : i >= 4 && i < 8 ? 385 : 455) + 'px;">' + (i > 10 ? '清空' : i == 10 ? '删除' : i == 9 ? 0 : (i + 1)) + '</div>';
                var obj = {
                    id: 'key_' + i,
                    action: goKey,
                    index: i,
                    left: 'key_' + (i - 1),
                    right: 'key_' + (i + 1),
                    up: ['key_' + (i - 4), 'pnBorder'],
                    down: ['key_' + (i + 4), 'submit'],
                    focusClass: 'btn',
                };
                buttons.push(obj);
            }
            html += '<div style="position:absolute;left:400px;top:640px;"><img id="back" src="img/btn_back.png"/></div>';
            html += '<div style="position:absolute;left:770px;top:640px;"><img id="submit" src="img/btn_submit.png"/></div>';
            G('buttonDiv').innerHTML = html;

            var phoneRightDivHTML = '<div style="position:absolute;left:0px;top:0px;z-index:11;"><img src="img/markdown.jpg" width="1280" height="720"/></div>';
            phoneRightDivHTML += '<div style="position:absolute;left:572px;top:613px;z-index:11;"><img id="right_btn" src="./img/btn_back.png"/></div>';
            G('phoneRightDiv').innerHTML = phoneRightDivHTML;

            buttons.push({
                id: 'pnBorder',
                left: '',
                right: '',
                up: '',
                down: 'key_0',
                focusClass: 'btn',
                focusHandler: "pnFocus=true",
                blurHandler: "pnFocus=false"
            });
            buttons.push({
                id: 'submit',
                action: submit,
                left: 'back',
                right: '',
                up: 'key_9',
                down: '',
                focusClass: 'btn1',
            });

            buttons.push({
                id: 'back',
                action: back,
                left: '',
                right: 'submit',
                up: 'key_8',
                down: '',
                focusClass: 'btn1'
            });

            var phoneRightBtn = {
                id: 'right_btn',
                action: back,
                left: '',
                right: '',
                up: '',
                down: '',
                focusClass: 'btn1',
            };
            buttons.push(phoneRightBtn);

            PageH5.btn.init('pnBorder', buttons, '', false);
        }


        function goKey(button) {
            if (button.index == 10) {
                pn = pn.substring(0, pn.length - 1);
            } else if (button.index == 11) {
                pn = '';
            } else {
                if (G('pn').innerText.length < 11)
                    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_code: act_id,
                        is_vip: dudu_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() {
            // if (PageH5.getParam('from') == 'winningInfo') {
            //     location.href = './winningInfo.html';
            // } else if (PageH5.getParam('from') == 'medalInfo') {
            //     location.href = './medalInfo.html';
            // } else {
            location.href = './prize.html';
            // }
        }

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

</html>