javascript/function_details.js

   1 /*
   2 -----------------------------------------------
   3 Licensed under the GPL licenses.
   4 Author:         Coronet Internet Service, Kyoji KATO.
   5 Date:           2011-05-15
   6 URL :           http://blog.coronet-internet.com
   7 ----------------------------------------------- */
   8 // get url to array
   9 var get = new Object();
  10 var query = location.search.substr(1).split("&");
  11 for(var array = 0; array < query.length; array++) {
  12                 var wArray = query[array].split("=");
  13                 get[wArray[0]] = wArray[1];
  14                 }
  15 // build connecting to product url
  16 var api_setkey = "ApiKey=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";
  17 var api_pathofProduct = "http://api.kakaku.com/WebAPI/ItemInfo/Ver1.0/ItemInfo.ashx?";
  18 var api_productId = "&ProductID=";
  19 var get_productId = get['productId'];
  20 var api_product_details ="&ResultSet=medium";
  21 var api_product = api_pathofProduct+api_setkey+api_product_details+api_productId+get_productId;
  22 // parse XML to data
  23 var httpofProduct = new JKL.ParseXML( api_product );
  24 var dataofProduct = httpofProduct.parse();
  25 // set bbs of product url
  26 var bbs_path = "product_bbs.html?productId=";
  27 var bbs = bbs_path+get_productId;//generate right navi link in product page
  28 var kakaku_navLink = document.createElement('a');
  29         kakaku_navLink.setAttribute('href', dataofProduct.ProductInfo.Item.ItemPageUrl);
  30         kakaku_navLink.setAttribute('rel', 'external');
  31         kakaku_navLink.innerText ="価格.com";
  32         document.getElementById('rightnav').appendChild(kakaku_navLink);
  33 //generate cof page item in product page
  34 var pageItem = document.createTextNode(dataofProduct.ProductInfo.Item.MakerName+" :: "+dataofProduct.ProductInfo.Item.ProductName);
  35         document.getElementById('cofpageitem').appendChild(pageItem);
  36 // represantion  info of products
  37 var productItem = document.createElement('li');
  38         productItem.setAttribute('class','item');
  39 var bbs_link = document.createElement('a');
  40         bbs_link.href = bbs;
  41         bbs_link.setAttribute('class','noeffect');
  42 var content_img = document.createElement('span');
  43         content_img.setAttribute('class','image');
  44         content_img.style.cssText = "background-image: url("+dataofProduct.ProductInfo.Item.ImageUrl+");"
  45         +"margin:15px 3px;";
  46         bbs_link.appendChild(content_img);
  47 var content_comment = document.createElement('span');
  48         content_comment.innerText = dataofProduct.ProductInfo.Item.CategoryName+" > "+dataofProduct.ProductInfo.Item.PvRanking+"位" ;
  49         content_comment.setAttribute('class','comment');
  50         bbs_link.appendChild(content_comment);
  51 var content_name = document.createElement('span');
  52         content_name.innerText = dataofProduct.ProductInfo.Item.ProductName;
  53         content_name.setAttribute('class','name');
  54         bbs_link.appendChild(content_name);
  55 var content_storePrice = document.createElement('span');
  56         content_storePrice.innerHTML = "￥"+dataofProduct.ProductInfo.Item.LowestPrice+"〜<br />";
  57         content_storePrice.setAttribute('class','price');
  58         bbs_link.appendChild(content_storePrice);
  59 var content_starComment = document.createElement('span');
  60         content_starComment.innerHTML = "満足度："+dataofProduct.ProductInfo.Item.ReviewRating+"<br />クチコミ："+dataofProduct.ProductInfo.Item.NumOfBbs;
  61         content_starComment.setAttribute('class','starcomment');
  62         bbs_link.appendChild(content_starComment);
  63 var content_arrow = document.createElement('span');
  64         content_arrow.setAttribute('class','arrow');
  65         bbs_link.appendChild(content_arrow);
  66 productItem.appendChild(bbs_link);
  67 document.getElementById('productIteminfo').appendChild(productItem);