无奈的页面跳转

最新推荐文章于 2022-11-06 21:36:45 发布

佬油条

最新推荐文章于 2022-11-06 21:36:45 发布

阅读量552

点赞数

CC 4.0 BY-SA版权

分类专栏： JS

本文链接：https://blog.youkuaiyun.com/wangzhi291/article/details/36902825

JS 专栏收录该内容

6 篇文章

订阅专栏

本文档详细介绍了安利移动站点的HTML与CSS布局结构，包括样式定义及JavaScript交互逻辑。着重展示了订单列表展示、下拉加载更多功能及个人订单详情弹窗的实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">
<meta name="format-detection" content="telephone=no" />
<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE, NO-STORE">
<title>Amway Mobile Site</title>
<link href="${(contextPath!"")?html}/global/ipad/css/ipadStyle.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.mask {
position: absolute;
top: 0px;
filter: alpha(opacity=60);
background-color: #B2B2B2;
z-index: 999;
left: 0px;
opacity:0.5;
-moz-opacity:0.5;
}
.content{
display:none;
padding:25px 20px;
width:200px;
border:1px solid #b2b2b2;
background:#fff;
z-index:1000;
position:fixed;
left:40%;
top:30%;
}
</style>
<script type="text/javascript" src="${(contextPath!"")?html}/global/js/orientation.js"></script>
<script src="${(contextPath!"")?html}/global/js/jquery-1.4.2.min.js" type="application/x-javascript"></script>
<script src="${(contextPath!"")?html}/global/js/jqtouch.js" type="application/x-javascript"></script>
<script type="text/javascript">
var count = 0;
(function(errMsg,rdrUrl){

if(errMsg != "null"){
alert(errMsg);
if(rdrUrl != "null"){
window.location.href="${(contextPath!"")?html}/${content.language?html}/" + rdrUrl;
}
}

})("${Request['errmsg']?default('null')}","${Request['rdrUrl']?default('null')}")

function logout() {
document.logoutForm.submit();
}
function changeLanguage(lang) {
document.getElementById("language").value = lang;
document.languageForm.submit();
}

function show(){
var id="";
for(var i=8;i<=count;i++){
id = "htr"+i;
document.getElementById(id).style.display = "";
}
document.getElementById("xiala").style.display = "none";
}

function EV_modeAlert(msgID){
isScroll = "1";
$("#mask").css({
"height":$(document).height(),
"width":$(document).width()
}).show();
$(".content").show();
document.getElementById("l_iframe").src ="${(contextPath!"")?html}/zh/personal-order-enquiry/order-detail-ipad.ftl?selected="+msgID;
}
function closes(){
$(".content").hide();
$("#mask").hide();
}
function onloadIframe(){
var url = document.getElementById("l_iframe").src;
if(url!="about:blank"){
closes();
$("#list").hide();
$("#detailed").show();
}
}
function brack(){
closes();
document.getElementById("l_iframe").src ="about:blank";
$("#detailed").hide();
$("#list").show();
document.body.scrollTop = parseInt(scrollTop);
isScroll = "0";
}
var scrollTop;
var isScroll = "0";
window.onscroll = function () {
if (isScroll=="0") {
scrollTop = document.body.scrollTop;
}
}
</script>

</head>

<body onunload="">
<div id="mask" class="mask"></div>
<div id="list" class="mainbox">
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="text-center">
<tr>
<td width="13%" rowspan="3" bgcolor="#f8dde4" class="font20">個人訂單</td>
<td width="40%" height="49" bgcolor="#f6f0f2" class="greyfont">直銷商編號</td>
<td bgcolor="#f6f0f2"><img src="${(contextPath!"")?html}/global/ipad/images/line2px.png" /></td>
<td width="45%" bgcolor="#f6f0f2" class="greyfont">直銷商姓名</td>
</tr>
<tr>
<td height="45" bgcolor="#ffffff">${user.id}</td>
<td bgcolor="#ffffff"></td>
<td bgcolor="#ffffff">${user.cname}</td>
</tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="orderlist">
<tr>
<th>訂單編號</th>
<th>訂貨日期</th>
<th>售貨額</th>
<th>狀態</th>
<th>訂單狀態</th>
<th>付款狀態</th>
</tr>
<#if myOrder.itemList??>
<#assign n = 0 >
<#list myOrder.list as item>
<#assign n = n + 1 >
<#if n <= 7 >
<tr>
<td class="blackfont"><a href="javascript:EV_modeAlert('${item.invoiceNumber!""}')">${item.displayOrderNumber!""}</a></td>
<td>${item.purchaseDate!""}</td>
<td>${item.BV!""}</td>
<td>${item.statusForDisplayZH!""}</td>
<td>${item.orderSubTypeForDisplayZH!""}</td>
<td>${item.paymentStatusForDisplayZH!""}</td>
</tr>
<#else>
<tr id ="${"htr"+ n }" style="display: none;" >
<td class="blackfont"><a href="javascript:EV_modeAlert('${item.invoiceNumber!""}')">${item.displayOrderNumber!""}</a></td>
<td>${item.purchaseDate!""}</td>
<td>${item.BV!""}</td>
<td>${item.statusForDisplayZH!""}</td>
<td>${item.orderSubTypeForDisplayZH!""}</td>
<td>${item.paymentStatusForDisplayZH!""}</td>
</tr>
</#if>
</#list>
</#if>
</table>
<a id="xiala" href="javascript:show();" class="down_list">下拉</a>
</div>
<div id="detailed" style="display:none;">
<div class="popup_box">
<div class="popup_title">個人訂單詳情<a href="javascript:brack();" class="cancel_btn">取消</a></div>
</div>
<iframe scrolling="auto" height="100%" frameborder="0" onload="onloadIframe();" width="100%" id="l_iframe" name="l_iframe" src="about:blank" marginwidth="0" marginheight="0"></iframe>
</div>
<div class="content">
<img src="${(contextPath!"")?html}/global/ipad/images/00.gif" />
</div>
</body>
<script type="text/javascript">
var count = ${n};
</script>
</html>