[楽天] 送料分かりづらい
by
tacamy
2013-09-25 [2013/09/25 06:44:49]
楽天市場の商品ページでこれを使うと、そのショップの送料を画面下部に読み込める。
@@ -12,32 +12,63 @@
var shopname = location.pathname.split('/')[1];
var url = 'http://www.rakuten.co.jp/' + shopname + '/info2.html';
- // var url = 'http://www.rakuten.co.jp/za-netjapan/info2.html';
-
$.get(url, function(data) {
- var $content = $(data.responseText)
+ var $shipping = $('<div></div>').addClass('mod-shipping');
+ var $content = $('<div></div>').addClass('mod-shipping-content');
+ var $close = $('<div>CLOSE</div>').addClass('mod-shipping-close');
+
+ var $data = $(data.responseText)
.find('font:contains("配送について")')
.parent()
.nextUntil('hr');
- $('<div></div>')
+ $shipping
.css({
'display': 'none',
'position': 'fixed',
'bottom': '0',
'left': '0',
'z-index': '9999',
- 'height': '500px',
- 'overflow': 'auto',
'zoom': '70%',
- 'padding': '0 80px 40px 0',
+ 'height': '800px',
'border': '10px solid #bf0000',
- 'background': 'white'
+ 'background': '#fff'
+ });
+
+ $content
+ .css({
+ 'height': '780px',
+ 'overflow': 'auto'
})
- .html($content)
- .prependTo('body')
+ .html($data)
+ .appendTo($shipping);
+
+ $close
+ .css({
+ 'position': 'absolute',
+ 'top': '-5px',
+ 'right': '-5px',
+ 'z-index': '10000',
+ 'width': '100px',
+ 'height': '50px',
+ 'line-height': '50px',
+ 'text-align': 'center',
+ 'background': '#bf0000',
+ 'color': '#fff',
+ 'font-weight': 'bold',
+ 'font-size': '20px',
+ 'cursor': 'pointer'
+ })
+ .appendTo($shipping);
+
+ $shipping
+ .appendTo('body')
.fadeIn('slow');
+
+ $(document).on('click', $close, function() {
+ $shipping.fadeOut();
+ });
});
})(jQuery);
/*
* @title R送料
* @description 楽天の商品ページでこれを使うと、そのショップの送料を画面上部にiframeで読み込める。
* @include http://*
* @license MIT License
* @require jquery
* @require https://raw.github.com/padolsey/jquery.fn/master/cross-domain-ajax/jquery.xdomainajax.js
* @private
*/
(function($) {
var shopname = location.pathname.split('/')[1];
var url = 'http://www.rakuten.co.jp/' + shopname + '/info2.html';
$.get(url, function(data) {
var $shipping = $('<div></div>').addClass('mod-shipping');
var $content = $('<div></div>').addClass('mod-shipping-content');
var $close = $('<div>CLOSE</div>').addClass('mod-shipping-close');
var $data = $(data.responseText)
.find('font:contains("配送について")')
.parent()
.nextUntil('hr');
$shipping
.css({
'display': 'none',
'position': 'fixed',
'bottom': '0',
'left': '0',
'z-index': '9999',
'zoom': '70%',
'height': '800px',
'border': '10px solid #bf0000',
'background': '#fff'
});
$content
.css({
'height': '780px',
'overflow': 'auto'
})
.html($data)
.appendTo($shipping);
$close
.css({
'position': 'absolute',
'top': '-5px',
'right': '-5px',
'z-index': '10000',
'width': '100px',
'height': '50px',
'line-height': '50px',
'text-align': 'center',
'background': '#bf0000',
'color': '#fff',
'font-weight': 'bold',
'font-size': '20px',
'cursor': 'pointer'
})
.appendTo($shipping);
$shipping
.appendTo('body')
.fadeIn('slow');
$(document).on('click', $close, function() {
$shipping.fadeOut();
});
});
})(jQuery);
- Permalink
- このページへの個別リンクです。
- RAW
- 書かれたコードへの直接のリンクです。
- Packed
- 文字列が圧縮された書かれたコードへのリンクです。
- Userscript
- Greasemonkey 等で利用する場合の .user.js へのリンクです。
- Loader
- @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。
- Metadata
- コード中にコメントで @xxx と書かれたメタデータの JSON です。