[楽天] 送料分かりづらい

by tacamy 2013-09-25 [2013/09/25 06:44:49]

楽天市場の商品ページでこれを使うと、そのショップの送料を画面下部に読み込める。

@@ -39,7 +39,8 @@
 		$content
 			.css({
 				'height': '780px',
-				'overflow': 'auto'
+				'overflow': 'auto',
+				'padding': '0 80px 40px 0'
 			})
 			.html($data)
 			.appendTo($shipping);

• /*
   * @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',
  				'padding': '0 80px 40px 0'
  			})
  			.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 LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。