QQ财付通源码--页面，放此处供参考

最新推荐文章于 2024-07-22 15:13:59 发布

weixin_30900589

最新推荐文章于 2024-07-22 15:13:59 发布

阅读量126

点赞数

文章标签： javascript ui xhtml ViewUI

原文链接：http://www.cnblogs.com/deve/archive/2011/12/25/2569205.html

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <meta name="version" content="4.0" />
    <title>财付通-我的钱包 v4.0</title>
    <link href="https://img.tenpay.com/res/wallet_v2/global/css/wallet_v4.css?v=20111122.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript">
var errTipsTime = 1;
window.onerror = function(message, url, line){
if(errTipsTime == 1){
    alert('打开页面时遇到错误，请关闭小钱包后重新打开！\n\nURL:' + url + "\nLine:" + line + "\nMessage:" + message);
    errTipsTime++ ;
}
return false;
};
</script>
<script src="https://wallet.tenpay.com/v4.0/js/wallet_v4_min.js?v=20111221" type="text/javascript" charset="gb2312"></script>

/*
    strDate = decode(strDate);
    var revDate = new Date();
    var hour = revDate.getHours();
    var str = "";
    var tmp = "上午";
    revDate = revDate.parseDate(strDate, "%y-%M-%d %h:%m:%s");
    hour = revDate.getHours();
    tmp = hour < 12 ? "上午" : "下午";
    str = revDate.format("%y年%M月%d日 ", false) + tmp + (hour < 12 ? hour : hour - 12) + revDate.format(":%m", true);
    return str;
    */
}
function parseParams(params, isIndex){
    var tmp = (params || "").replace(/[\s ]$/, "");
    var p = /([^&\=]+)\=([^&]*)/g;
    var matcher = null;
    var obj = {};
    var index = 0;
    while(null != (matcher = p.exec(tmp))){
        obj[(isIndex ? (index+"") : matcher[1])] = decodeText(matcher[2]);
        index++;
    }
    p = null; matcher = null;
    return obj;
}
function parseLink(content, flag){
    var p = new RegExp("", "gm");
    var matcher = null;
    while(null != (matcher = p.exec(content))){
        content = content.replace(matcher[0], matcher[1]);
    }
    p = null; matcher = null;
    return content;
}
function parseURLParam(str, params){
    var p = /(url_param)\=([^&]+)/g;
    var v = {"cft_msg_url_querystring":""};
    if(p.test(params)){
        v = {"cft_msg_url_querystring":decodeText(RegExp.$2)};
    }
    str = str.format(v);
    p = null;
    return str;
}
function replaceParams(params, _isIndex){
    Wallet.setCrumbNav("财付通消息");
    var position = Wallet.getParameter("position");
    var isIndex = typeof(_isIndex) == "boolean" ? _isIndex : true;
    var obj = parseParams(params, isIndex);
    var dom = Wallet.$("wallet_body");
    var str = "";
    if(dom){
        str = dom.innerHTML;
        str = str.format(obj);
        str = parseLink(str, (g_is_main ? "main" : "wallet"));
        str = parseURLParam(str, params)
        dom.innerHTML = str;
    }
    dom = null;
    g_dialog = new Wallet.UI.Dialog();
    setPage();
    setTurnDetail();
}
function showDialog(msg, btns, icon){
    g_dialog.dialog({
        id : "msg_detail_box",
        title : "提示",
        content : msg,
        icon : icon || Wallet.UI.ICON.INFO,
        width : 340,
        height : 150,
        drag : true,
        btns : undefined === btns ? [{label:"关闭", handler:function(){hiddenDialog()}, disabled:false, size:0}] : btns
    });
    Wallet.UI.show("msg_detail_box", 340, 150);
}
function hiddenDialog(){
    Wallet.UI.hidden("msg_detail_box");
}
function doReg(obj){
    if(Wallet.is_cft_user()){
        showDialog("您已经是财付通用户，无需再激活。");
    }else{
        Wallet.Reg.show(obj, null, []);
    }
}
function setTurnDetail(){
    if("1" == Wallet.getParameter("position")){
        Wallet.MSG.createTurnBar(0);
    }
}
function delMsg(id_str){
    Wallet.MSG.delMsg(id_str, 1);
}
function readMsg(id_str, readFlag){
    if("0" == readFlag){
        Wallet.MSG.markReaded(id_str, 1);
    }
}
function setMainTemplete(){
    if(g_is_main){
        Wallet.$("wallet_nav").style.display = "none";
        Wallet.$("wallet_frame").style.height = "340px";
        try{
            Wallet.$("ret_msg").style.display = "none";
            Wallet.$("del_msg").style.marginLeft = "8px";
        }catch(e){}
    }
}
function setPage(){
    var offset = parseInt(Wallet.getParameter("offset") || 0, 10);
    var position = Wallet.getParameter("position"); //1 : 所有 0 : 未读
    var o = Wallet.$("ret_msg");
    var url = "https://wallet.tenpay.com/v4.0/msg_list.shtml?"+Wallet.getPFString();
    var mod = 0;
    if("1" == position){
        mod = offset % 8;
        offset = (mod == 0) ? offset : offset - mod;
        url += "&page=" + offset;
    }else{
        url += "&page=0";
    }
    o.onclick = function(){
        location.href = url;
    };
}
</script>
    <script src="https://img.tenpay.com/v2.0/js/base.js" type="text/javascript"></script>
    <style type="text/css">
      .content-bg,.city-control-icon,.city-control-wrap .control-wrap-title .close{background:url(/v4.0/img/msg/comm_balance.png) no-repeat;}
      .content-bg{background-position:0 0;width:560px;height:274px;}
      .content{margin:30px 0 0 45px;width:330px;}
      .content .comm-title{text-indent:25px;color:#444;margin:8px 0 12px;}
      .content .comm-title span{color:#FF6600;}
      .content .comm-title strong{font-size:14px;}
      .content form{margin:18px 0 0 14px;}
      .content form .form-line:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
      .content form .form-line{display:inline-block;}
      .content form .form-line{display:block;margin-bottom:7px;}
      .content form .form-line .text{width:162px;height:16px;}
      .content form .form-line .select{width:170px;}
      .content form .form-line .radio{margin-right:5px;}
      /* .content form .form-line-btn{padding-top:11px;} del by desheng */
      .content form .label{float:left;width:50px;border-right:1px solid #ccc;padding-right:10px;margin-top:1px\9;_margin-top:3px;padding-top:2px\9;_padding-top:0;}
      .content form .element{float:right;width:242px;}
      .content form .element .query-item{margin-right:18px;margin-right:13px\9;*margin-right:7px;margin-top:1px\9;_margin-top:5px;display:inline-block;}
      .content form .get-barcode{display:none;} /* add by desheng */
      .content form .input-tips{color:#999;} /* add by desheng */
      a.buttons{background:url(/v4.0/img/msg/btns.png) no-repeat;display:block;text-decoration:none;text-align:center;width:90px;height:25px;font:normal 12px/25px Tahoma;}
      a.yellow-btn-1{color:#783B09;text-shadow:1px 1px 0 #FBC337;background-position:0 -118px;}
      a.yellow-btn-1:hover{background-position:-91px -118px;}
      .hide{display:none;}
      /*城市控件*/
      .city-control{position:relative;display:block;}
      .content form .form-line .city-control .text{padding-right:24px;width:140px;}
      .city-control .city-control-icon{background-position:0 -275px;display:inline-block;width:16px;height:13px;position:absolute;right:78px;top:4px;top:5px\9;_top:6px;cursor:pointer;}
      .city-control-wrap{border:1px solid #6285A4;position:absolute;left:281px;width:192px;background-color:#fff;z-index:100;}
      .city-control-wrap .control-wrap-title{background-color:#EBF2FB;color:#323232;font-weight:bold;height:21px;padding-left:4px;}
      .city-control-wrap .control-wrap-title .close{background-position:-19px -275px;display:inline-block;height:10px;width:10px;position:absolute;right:4px;top:4px;}
      .city-control-wrap ul{margin:5px 0 5px 1px;overflow:hidden;}
      .city-control-wrap ul li{float:left;padding:0 7px;}
      .city-control-wrap ul li:hover,.city-control-wrap ul li.hover{background-color:#07669C;}
      .city-control-wrap ul li:hover a,.city-control-wrap ul li.hover a{color:#fff;}
      .ie6-select-iframe{width:100px;height:50px;background-color:#fff;position:absolute;left:280px;overflow:hidden;z-index:10;}
      /**/
      #loading{display:none;}
    </style>
</head>

<body id="comm_balance">
    <div id="wallet_frame">
      
      <div id="wallet_nav">
<a href="###" οnclick="Wallet.Screen.backHome(); return false;" hidefocus="hidefocus" class="inline-block icon-logo">财付通</a>
<small id="crumb_nav" class="inline-block crumb-nav sub-text"></small>

<div class="sub-guide" id="sub_guide">
    <a href="###" class="sub-back" id="sub_back" hidefocus="hidefocus" οnclick="Wallet.Track.go();Wallet.Stat.clickStat('WALLET.HEADER.NAV.BACK', 'wallet');this.blur();return false;">返回</a><a href="###" class="sub-index" hidefocus="hidefocus" οnclick="Wallet.Track.go(-999);Wallet.Stat.clickStat('WALLET.HEADER.NAV.HOME', 'wallet'); this.blur();return false;">首页</a><a href="###" class="sub-app" hidefocus="hidefocus" οnclick="Wallet.Track.removeData('apps_curr_info');Wallet.Track.turnLeft('ALLAPP', 'https://wallet.tenpay.com/v4.0/app_list.shtml');Wallet.Stat.clickStat('WALLET.HEADER.NAV.ALL', 'wallet');this.blur();return false;">全部应用</a><span class="sub-action"><ins class="sub-action-all" id="sub_action_all" οnclick="Wallet.Track.turnLeft('action', 'https://wallet.tenpay.com/v4.0/action.shtml');Wallet.Stat.clickStat('WALLET.HEADER.NAV.ACTION', 'wallet');this.blur();return false;">活动</ins><ins id="sub_guide_action" class="action-drop">全部活动</ins></span>
</div>

<code class="inline-block help-nav black38">
    <span id="welcome" class="welcome">欢迎您，<span id="qq_nick"></span></span>
    <span class="msg-menu" id="nav_msg_icon" οnclick="Wallet.Header.MSG.showNewList()"><cite id="msg_wallet_icon" class="wallet"></cite><span class="wallet-msg wallet-msg-none"><em id="msg_count" class="wallet-msg-num"></em></span></span>
    <span class="vline">|</span>
    <span id="msg_record_icon" οnclick="Wallet.Header.Trade.entry()" class="wallet-msg record-icon" title="我的订单">未读交易记录：</span>
    <span class="vline">|</span>
    <a href="http://support.qq.com/discuss/127_1.shtml" target="_blank">反馈</a>
    <span class="vline">|</span>
    <a href="http://help.tenpay.com/" target="_blank">帮助</a>
<span class="vline">|</span>
<a href="http://t.qq.com/tenpay" target="_blank">官方微博</a>
</code>
<span style="display:none;">
    <span id="msgButton"><cite class="wallet white" style="_margin-top:3px;"></cite><em id="${msg_count}" class="new-msgs blue"></em></span>
</span>
</div>
<script type="text/javascript">
try{
var _guide = Wallet.$('sub_guide');
if(_guide && _guide.style.display != 'none'){
    var _list = _guide.getElementsByTagName('a');
    var _len =_list.length;
    for(var i = 0; i < _len; i++){
      var _o = Wallet.$(_list[i]);
      Wallet.Event.addEventListener(_o, 'mousedown', guideDownEvent, [_o], false);
      Wallet.Event.addEventListener(_o, 'mouseup', guideUpEvent, [_o], false);
      Wallet.Event.addEventListener(_o, 'mouseout', guideUpEvent, [_o], false);
    }
}
}catch(e){}

function guideDownEvent(_o){
var _class = _o.className;
_o.className = _class + ' ' + _class + '-click';
return false;
};

function guideUpEvent(_o){
var _class = _o.className;

var _i = _class.indexOf(' ');
if(_i > 0){
    _o.className = _class.substring(0,(_i))
}
};
var NAL = [
'<li><a href="http://action.tenpay.com/2011/treasure/?ADTAG=CREDIT.WALLET.HOT.FKDB" οnclick="Wallet.Stat.clickStat(\'CREDIT.WALLET.HOT.FKDB\', \'wallet\');" target="_blank">年底钜献，疯狂夺宝震撼登场！</a></li>',
'<li><a href="http://ttd.qq.com/act/a20111104ttzz/" target="_blank" οnclick="Wallet.Stat.clickStat(\'MORT.WALLET.HOT.TTD\', \'wallet\');">收听财付通微博，送天堂岛大礼包！</a></li>',
'<li><a href="http://action.tenpay.com/2011/yxcz/" οnclick="Wallet.Stat.clickStat(\'TENPAY.WALLET.HOT.YXCZ\', \'wallet\');" target="_blank">巨献百万豪礼，寻仙礼包大放送！</a></li>',
'<li><a href="http://union.tenpay.com/boc/?ADTAG=TENPAY.INDEX.HOTAD.BOC" target="_blank" οnclick="Wallet.Stat.clickStat(\'TENPAY.INDEX.HOTAD.BOC\', \'wallet\');">特价海南游，购物送话费！</a></li>',
'<li><a href="http://action.tenpay.com/2011/letao20111214/?ADTAG=MORT.WALLET.QBWZ.MIAN" target="_blank" οnclick="Wallet.Stat.clickStat(\'MORT.WALLET.QBWZ.MIAN\', \'wallet\');">圣诞大抢购，知名品牌全场2.9折起！</a></li>',
'<li><a href="http://action.tenpay.com/2011/sqmj/?ADTAG=OPEN.WALLET.HOT.MIJI" target="_blank" οnclick="Wallet.Stat.clickStat(\'OPEN.WALLET.HOT.MIJI\', \'wallet\');">生活家全新上线，现金Q币送给您！</a></li>'

];
function showAction(){
var pop = new Wallet.DDLayer(true);
var _cnt = '<div class="action-cnt" id="action_cnt"><h4>热门活动<a href="###" οnclick="Wallet.Track.turnLeft(\'action\', \'https://wallet.tenpay.com/v4.0/action.shtml\'); Wallet.Stat.clickStat(\'WALLET.HEADER.NAV.ACT_VIEW_ALL\', \'wallet\');return false;">查看全部活动</a></h4><ul>'+NAL.join("")+'</ul></div>';
pop.create('sub_guide_action', 'wallet_frame', null, {title:null,content:_cnt,width:274,height:162,left:255,top:26,closer:true,auto:false,mask:false,closeEvent : {handler:function(){Wallet.$('sub_guide_action').parentNode.className = 'sub-action';actionDropFlag = false;}, args:[]}});
pop.show(null, 'sub_guide_action').setMouseUp('sub_guide_action');
actionDropFlag = true;
};
/*新导航活动菜单特殊处理*/
var actionDropFlag = false;
function actionDropBg(_class){
if(actionDropFlag){
    Wallet.$('sub_action_all').parentNode.className='sub-action action-drop-click';
}else{
    Wallet.$('sub_action_all').parentNode.className=_class;
}
}
function newGuideInit(){
var actionAll = Wallet.$('sub_action_all');
var actionDrop = Wallet.$('sub_guide_action');
if(actionAll){
Wallet.Event.addEventListener(actionAll, 'mouseover', function(){this.parentNode.className='sub-action sub-action-hover';}, [], false);
Wallet.Event.addEventListener(actionAll, 'mouseout', function(){actionDropBg('sub-action');}, [], false);
Wallet.Event.addEventListener(actionAll, 'mousedown', function(){this.parentNode.className='sub-action sub-action-click';}, [], false);
}
if(actionDrop){
Wallet.Event.addEventListener(actionDrop, 'mouseover', function(){actionDropBg('sub-action action-drop-hover');}, [], false);
Wallet.Event.addEventListener(actionDrop, 'mouseout', function(){actionDropBg('sub-action');}, [], false);
Wallet.Event.addEventListener(actionDrop, 'mousedown', function(){this.parentNode.className='sub-action action-drop-click';}, [], false);
Wallet.Event.addEventListener(actionDrop, 'mouseup', function(){showAction();actionDropBg('sub-action action-drop-click');Wallet.Stat.clickStat('WALLET.HEADER.NAV.SHOW', 'wallet');}, [], false);
}
};
try{
if(Wallet.PAGE != 0){
    newGuideInit();
}
}catch(e){}
/*新导航活动菜单特殊处理end*/
</script>
      
      <div id="wallet_body">
        
        <h2 id="msg_title" class="msg_title">您所在地区，支持话费余额查询啦！<span id="update_time"></span></h2>
        
        
        <div id="op_tips_area" class="tips-info-ok"></div>
        
        
        <div id="msg_content" class="msg_content content-bg">
          
          <div class="content">
            <strong class="name">亲爱的<span id="user">用户</span>:</strong>
            <p class="comm-title">知道您的通信费余额是多少吗？<span><strong>3秒</strong>告诉您答案！</span></p>
            <form action="#" method="post">
              <div class="form-line">
                <label class="label" for="">查询项目</label>
                <div class="element" id="fee_type">
                  <span class="query-item"><input type="radio" class="radio" name="fType" id="fee_mobile"/><label for="">手机</label></span>
                  <span class="query-item"><input type="radio" class="radio" name="fType" id="fee_tel"/><label for="">固话</label></span>
                  <span class="query-item"><input type="radio" class="radio" name="fType" id="fee_broadband"/><label for="">宽带</label></span>
                </div>
              </div>

<div class="form-line">
                <label class="label" for="">收费单位</label>
                <div class="element" id="fee-company">
                  
                </div>
              </div>

<div class="form-line">
                <label class="label" for="" id="lbl_title">手机号码</label>
                <div class="element">
                  <input class="text input-tips" type="text" id="num" value=""/>
                  <a class="get-barcode" href="#" id="tiaoxing_img">如何获取条形码？</a> 
                </div>
              </div>

<div class="form-line-btn">
                <div class="element">
                  <a class="buttons yellow-btn-1" href="#" id="btn_submit">马上查询</a>
                  <span id="loading">正在查询...</span>
                </div>
              </div>
            </form>
          </div>
          
        </div>
        
        
        <div class="op-bar">
          <input id="ret_msg" type="button" class="msg_btn def-button" value="返回" />
          <input id="del_msg" class="msg_btn def-button" type="button" value="删除" />
          <div id="page_area" class="page_area"></div>
        </div>

      </div>
    </div>
<script type="text/javascript">
    //替换消息参数
    replaceParams('0 ', true);
    //更新时间显示
    Wallet.$("update_time").innerHTML = parseDateString('2011-08-05\x2000\x3A43\x3A07');
    //返回 && 删除
    Wallet.$("ret_msg").onclick = function(){location.href='https://wallet.tenpay.com/v4.0/msg_list.shtml';}
    Wallet.$("del_msg").onclick = function(){delMsg('8A01D4DDCA294DCEAD4A0AA5A5D0809B,1|');}
    //将消息置为已读
    readMsg('8A01D4DDCA294DCEAD4A0AA5A5D0809B,1|', '1');
    if(g_is_main){ //主站处理
        setMainTemplete();
        Wallet.Stat.pgv("www", "/message/tenpay/detail.shtml");
    }else{//钱包处理
        Wallet.initCommon();
        Wallet.Stat.pgv("wallet", "/message/wallet/detail_1272.shtml");
    }
</script>
<script type="text/javascript" src="https://img.tenpay.com/v2.0/js/comm_config.js?v=20111207b"></script>
<script type="text/javascript" src="https://wallet.tenpay.com/v4.0/comm_balance/js/comm_balance.js?v=20110907b"></script>
</body>
</html>

转载于:https://www.cnblogs.com/deve/archive/2011/12/25/2569205.html

weixin_30900589

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
QQ财付通源码--页面，放此处供参考

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head>...
复制链接

扫一扫