淘宝的产品页面可以实现不刷新就能登陆, 也就是说登陆后整个页面也没有刷新, 请问他是怎么做的呢(大概思路)?我自己觉得他是用了 iframe 的, 然后提交了表单,
但是用js 好象是没有办法取得 iframe 里面的数据啊,那如果登陆成功后, 又是如何自动关闭当前的浮动层呢(感觉最困惑的地方)?
但是如果不用 iframe 是可以自动关闭当前的浮动层的,因为通过 ajax 可以返回结果, js根据这个结果决定是否关闭当前浮动层,
可是我认为 淘宝用的是 iframe, 困惑中,希望高手解答。。 谢谢~~
下面是淘宝的页面被我给支解了, 留下了这个登陆效果, 请在ie下查看, ff不行<!doctype html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">
img {
border: none;
}
.shop-intro-v2 a {
display:block;
width:84px;
height:20px;
margin-bottom:6px;
text-indent:-99px;
overflow:hidden;
background:url(http://assets.taobaocdn.com/app/shop/images/shop_bg.png) transparent no-repeat -116px -98px;
}
</style></head><body><ul>
<li id="J_PostageCont">
<span>运 费:</span>读取中...
</li>
</ul>
<a href="http://share.taobao.com/share/my_share_list.htm?item_id=9275dca45d7ffe27fa8ef8faa07bf0ba" target="_blank" class="J_PopupTrigger recommend" data-width="445" data-height="280" title="加入我的推荐">
<img src="http://assets.taobaocdn.com/sys/common/icon/btn/add_to_recommend.png" alt="加入我的推荐" />
</a>
<a href="http://favorite.taobao.com/popup/add_collection.htm?itemid=9275dca45d7ffe27fa8ef8faa07bf0ba&xid=0db1&itemtype=1&catid=1512&ownerid=1368ceccee1f1064dc05fa791f0f03fd" class="J_PopupTrigger xshop_sc favorite" data-width="440" data-height="260" data-closebtn="true" title="收藏该宝贝">
<img src="http://assets.taobaocdn.com/sys/common/icon/btn/add_to_fav.png" alt="收藏该宝贝" />
</a><div class="shop-intro-v2">
<a href="http://favorite.taobao.com/popup/add_collection.htm?itemid=33016681&itemtype=0&ownerid=1368ceccee1f1064dc05fa791f0f03fd" class="J_PopupTrigger" data-width="440" data-height="260" data-closebtn="true">
<span>收藏本店铺</span>
</a>
</div><script src="http://assets.taobaocdn.com/tbra/1.0/tbra-detail.js?t=20090327.js" type="text/javascript"></script>
<script type="text/javascript" src="http://assets.taobaocdn.com/app/ic/detail.js?t=20090511.js"></script>
<script type="text/javascript">
(function () {
YAHOO.util.Event.onDOMReady(function () {
TB.Detail.Setup.init(
{
valLoginUrl: "http://member1.taobao.com/member/login.jhtml?style=detail&redirect_url=http%3A%2F%2Fmember1.taobao.com%2Fmember%2Fdetail_login_success.htm%3Ffrom%3Dbuyitem&item_id=9275dca45d7ffe27fa8ef8faa07bf0ba",
valImageInfo:{},
valCartInfo: { // Cart info
"itemId" : "438824751",
"dbNum" : "db1",
"cartUrl": "http://buy.taobao.com/auction/cart/my_cart.htm",
"ct":"6a5a85a64de7a0fc3f5ea160f5e41dfd",
"statsUrl":"http://www.atpanel.com/1.gif?category=cart_{loc}_1512&userid="
},
apiAddCart : "http://buy.taobao.com/auction/cart/add_cart_item.htm",
"valVipRate":0, "valPointRate" : "0", "apiItemViews": "http://count.taobao.com/counter?acount=0&id=db19275dca45d7ffe27fa8ef8faa07bf0ba&version=1243994342000&sign=643070e9e6db93741be8d1523ae1184a4b2ea",
"valTimeLeft": "588411",
"apiItemDesc":"http://dsc04.taobao.com/i4/920/5d1/9275dca45d7ffe27fa8ef8faa07bf0ba/T1a68hXbdMbJNXXXXX.desc|var^desc;sign^d42b2267ea3a9419cea763e656fbe741;lang^gbk;t^1242179942",
"valItemIdStr":"9275dca45d7ffe27fa8ef8faa07bf0ba",
"valReviewsUrl":"http://rate.taobao.com/baby-rate-1368ceccee1f1064dc05fa791f0f03fd--userNumId|11671668--auctionId|9275dca45d7ffe27fa8ef8faa07bf0ba--auctionNumId|438824751--showContent|1.htm",
"valShowReviews": false ,
"valPostFee":
{
items: [
['7001618', '7', '1', '25.0', '15.0']
],
currDest:'1',
memo: ''
},
valItemInfo:
{//销售属性的对象
"defSelected": [],
"skuMap" : {
";1627207:90554;1630696:3284570;":{
"skuId" : "44870395",
"price" : "428.00",
"stock" : "93"
}, ";1627207:28340;1630696:3284570;":{
"skuId" : "44870397",
"price" : "428.00",
"stock" : "90"
} }
}
}
);
});
var G_sellerInfoFnLeft = function(){
var onShowFunc = function() {
var virtual = this.trigger.getAttribute('tb:virtual');
var real = this.trigger.getAttribute('tb:real');
var em = this.popup.getElementsByTagName('em');
em[0].innerHTML = virtual;
em[1].innerHTML = real;
};
TB.widget.SimplePopup.decorate(['J_rateTipsL'], 'J_TipsL', {
offset: [-75-0, 18],
autoFit: false,
eventType: 'mouse',
onShow: onShowFunc
});
YAHOO.util.Event.on('J_rateTipsL', 'click', function(e) {
window.open('http://rate.taobao.com/user-rate-1368ceccee1f1064dc05fa791f0f03fd.htm');
});
};
var G_sellerInfoFnRight = function(){
var onShowFunc = function() {
var virtual = this.trigger.getAttribute('tb:virtual');
var real = this.trigger.getAttribute('tb:real');
var em = this.popup.getElementsByTagName('em');
em[0].innerHTML = virtual;
em[1].innerHTML = real;
};
TB.widget.SimplePopup.decorate(['J_rateTipsR'], 'J_TipsR', {
offset: [-75-0, 18],
autoFit: false,
eventType: 'mouse',
onShow: onShowFunc
});
YAHOO.util.Event.on('J_rateTipsR', 'click', function(e) {
window.open('http://rate.taobao.com/user-rate-1368ceccee1f1064dc05fa791f0f03fd.htm');
});
};
YAHOO.util.Event.onDOMReady(function(){G_sellerInfoFnRight();});
YAHOO.util.Event.onDOMReady(function(){G_sellerInfoFnLeft();});
})();
</script>
<script type="text/javascript" src="http://assets.taobaocdn.com/app/ishop/stats/isv.js?t=20090403.js"></script>
<script type="text/javascript">
(function () {
YAHOO.util.Event.onDOMReady(function () {
TB.ISV.Stat.init({
nickName: 'kennethlee',
userId: '11671668',
shopId: '',
itemId: '9275dca45d7ffe27fa8ef8faa07bf0ba',
validatorUrl: 'http://store.taobao.com/tadget/shop_stats.htm'
});
});
})();
</script>
</body>
</html>
但是用js 好象是没有办法取得 iframe 里面的数据啊,那如果登陆成功后, 又是如何自动关闭当前的浮动层呢(感觉最困惑的地方)?
但是如果不用 iframe 是可以自动关闭当前的浮动层的,因为通过 ajax 可以返回结果, js根据这个结果决定是否关闭当前浮动层,
可是我认为 淘宝用的是 iframe, 困惑中,希望高手解答。。 谢谢~~
下面是淘宝的页面被我给支解了, 留下了这个登陆效果, 请在ie下查看, ff不行<!doctype html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">
img {
border: none;
}
.shop-intro-v2 a {
display:block;
width:84px;
height:20px;
margin-bottom:6px;
text-indent:-99px;
overflow:hidden;
background:url(http://assets.taobaocdn.com/app/shop/images/shop_bg.png) transparent no-repeat -116px -98px;
}
</style></head><body><ul>
<li id="J_PostageCont">
<span>运 费:</span>读取中...
</li>
</ul>
<a href="http://share.taobao.com/share/my_share_list.htm?item_id=9275dca45d7ffe27fa8ef8faa07bf0ba" target="_blank" class="J_PopupTrigger recommend" data-width="445" data-height="280" title="加入我的推荐">
<img src="http://assets.taobaocdn.com/sys/common/icon/btn/add_to_recommend.png" alt="加入我的推荐" />
</a>
<a href="http://favorite.taobao.com/popup/add_collection.htm?itemid=9275dca45d7ffe27fa8ef8faa07bf0ba&xid=0db1&itemtype=1&catid=1512&ownerid=1368ceccee1f1064dc05fa791f0f03fd" class="J_PopupTrigger xshop_sc favorite" data-width="440" data-height="260" data-closebtn="true" title="收藏该宝贝">
<img src="http://assets.taobaocdn.com/sys/common/icon/btn/add_to_fav.png" alt="收藏该宝贝" />
</a><div class="shop-intro-v2">
<a href="http://favorite.taobao.com/popup/add_collection.htm?itemid=33016681&itemtype=0&ownerid=1368ceccee1f1064dc05fa791f0f03fd" class="J_PopupTrigger" data-width="440" data-height="260" data-closebtn="true">
<span>收藏本店铺</span>
</a>
</div><script src="http://assets.taobaocdn.com/tbra/1.0/tbra-detail.js?t=20090327.js" type="text/javascript"></script>
<script type="text/javascript" src="http://assets.taobaocdn.com/app/ic/detail.js?t=20090511.js"></script>
<script type="text/javascript">
(function () {
YAHOO.util.Event.onDOMReady(function () {
TB.Detail.Setup.init(
{
valLoginUrl: "http://member1.taobao.com/member/login.jhtml?style=detail&redirect_url=http%3A%2F%2Fmember1.taobao.com%2Fmember%2Fdetail_login_success.htm%3Ffrom%3Dbuyitem&item_id=9275dca45d7ffe27fa8ef8faa07bf0ba",
valImageInfo:{},
valCartInfo: { // Cart info
"itemId" : "438824751",
"dbNum" : "db1",
"cartUrl": "http://buy.taobao.com/auction/cart/my_cart.htm",
"ct":"6a5a85a64de7a0fc3f5ea160f5e41dfd",
"statsUrl":"http://www.atpanel.com/1.gif?category=cart_{loc}_1512&userid="
},
apiAddCart : "http://buy.taobao.com/auction/cart/add_cart_item.htm",
"valVipRate":0, "valPointRate" : "0", "apiItemViews": "http://count.taobao.com/counter?acount=0&id=db19275dca45d7ffe27fa8ef8faa07bf0ba&version=1243994342000&sign=643070e9e6db93741be8d1523ae1184a4b2ea",
"valTimeLeft": "588411",
"apiItemDesc":"http://dsc04.taobao.com/i4/920/5d1/9275dca45d7ffe27fa8ef8faa07bf0ba/T1a68hXbdMbJNXXXXX.desc|var^desc;sign^d42b2267ea3a9419cea763e656fbe741;lang^gbk;t^1242179942",
"valItemIdStr":"9275dca45d7ffe27fa8ef8faa07bf0ba",
"valReviewsUrl":"http://rate.taobao.com/baby-rate-1368ceccee1f1064dc05fa791f0f03fd--userNumId|11671668--auctionId|9275dca45d7ffe27fa8ef8faa07bf0ba--auctionNumId|438824751--showContent|1.htm",
"valShowReviews": false ,
"valPostFee":
{
items: [
['7001618', '7', '1', '25.0', '15.0']
],
currDest:'1',
memo: ''
},
valItemInfo:
{//销售属性的对象
"defSelected": [],
"skuMap" : {
";1627207:90554;1630696:3284570;":{
"skuId" : "44870395",
"price" : "428.00",
"stock" : "93"
}, ";1627207:28340;1630696:3284570;":{
"skuId" : "44870397",
"price" : "428.00",
"stock" : "90"
} }
}
}
);
});
var G_sellerInfoFnLeft = function(){
var onShowFunc = function() {
var virtual = this.trigger.getAttribute('tb:virtual');
var real = this.trigger.getAttribute('tb:real');
var em = this.popup.getElementsByTagName('em');
em[0].innerHTML = virtual;
em[1].innerHTML = real;
};
TB.widget.SimplePopup.decorate(['J_rateTipsL'], 'J_TipsL', {
offset: [-75-0, 18],
autoFit: false,
eventType: 'mouse',
onShow: onShowFunc
});
YAHOO.util.Event.on('J_rateTipsL', 'click', function(e) {
window.open('http://rate.taobao.com/user-rate-1368ceccee1f1064dc05fa791f0f03fd.htm');
});
};
var G_sellerInfoFnRight = function(){
var onShowFunc = function() {
var virtual = this.trigger.getAttribute('tb:virtual');
var real = this.trigger.getAttribute('tb:real');
var em = this.popup.getElementsByTagName('em');
em[0].innerHTML = virtual;
em[1].innerHTML = real;
};
TB.widget.SimplePopup.decorate(['J_rateTipsR'], 'J_TipsR', {
offset: [-75-0, 18],
autoFit: false,
eventType: 'mouse',
onShow: onShowFunc
});
YAHOO.util.Event.on('J_rateTipsR', 'click', function(e) {
window.open('http://rate.taobao.com/user-rate-1368ceccee1f1064dc05fa791f0f03fd.htm');
});
};
YAHOO.util.Event.onDOMReady(function(){G_sellerInfoFnRight();});
YAHOO.util.Event.onDOMReady(function(){G_sellerInfoFnLeft();});
})();
</script>
<script type="text/javascript" src="http://assets.taobaocdn.com/app/ishop/stats/isv.js?t=20090403.js"></script>
<script type="text/javascript">
(function () {
YAHOO.util.Event.onDOMReady(function () {
TB.ISV.Stat.init({
nickName: 'kennethlee',
userId: '11671668',
shopId: '',
itemId: '9275dca45d7ffe27fa8ef8faa07bf0ba',
validatorUrl: 'http://store.taobao.com/tadget/shop_stats.htm'
});
});
})();
</script>
</body>
</html>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货