// 日本語 UTF-8N LF //------------------------------------------------------------- // JavaScript // サイト固有のイベント処理 //------------------------------------------------------------- // var cssPrint = ""; var adID = ""; var adTime = 0; var maskID = ""; var timer = null; var effect = new Array(); var maxTelopCount = 30; // 最大投稿文字数 // //------------------------------------------------------------- // ドキュメント読み込み完了 //------------------------------------------------------------- $(document).ready( function() { // エラー処理 $.ajaxSetup({ timeout: 10000, // 10秒でタイムアウト error: errorProc // 通信エラー時の処理 }); // OKボタンにフォーカスする $("input[name=ok]").focus(); // word-break を適用する $('.wordBreak').breakWords(); // 光るリンク $(".light").mouseover( function() { $(this).parent().css("background-color", "#FFF"); } ); $(".light").mouseout( function() { $(this).parent().css("background-color", ""); } ); // 光るボタン $(".lightButton .OFF").mouseover( function() { $(this).siblings(".ON").css("display", "block"); } ); $(".lightButton .ON").mouseout( function() { $(this).css("display", "none"); } ); // ブロックタグリンク $(".blockLink").mouseover( function() { $(this).css("background-color", "#FFF"); $(this).children("span,a").css("color", "#D7D"); } ); $(".blockLink").mouseout( function() { $(this).css("background-color", ""); $(this).children("span,a").css("color", ""); } ); $(".blockLink").click( function() { // $(this).children("a").click(); window.location=$(this).children("a").attr("href"); return false; } ); // パスワード表示切替 $(".pwa1").mouseover( function() { $(this).css("cursor", "pointer"); } ); $(".pwa2").mouseover( function() { $(this).css("cursor", "pointer"); } ); $(".pwa1").mousedown( function() { $(".pwa1").css("visibility", "hidden"); $(".pwa2").css("visibility", "visible"); $(".pws1").css("visibility", "hidden"); $(".pws2").css("visibility", "visible"); } ); $(".pwa2").mousedown( function() { $(".pwa1").css("visibility", "visible"); $(".pwa2").css("visibility", "hidden"); $(".pws1").css("visibility", "visible"); $(".pws2").css("visibility", "hidden"); } ); // 商品画像：サムネイル $(".images .selector img").click( function() { var data = $(this).next(".imageData"); var id = data.children(".id").val(); var alt = data.children(".alt").val(); // Mサイズ画像を入れ替え var dataM = data.children(".M"); var href = dataM.children("a").attr("href"); var w = dataM.children(".W").val(); var h = dataM.children(".H").val(); var image = $(this).parents(".images").find("img.M"); image.attr("src", href); image.attr("alt", alt); image.width(w).attr("width", w); image.height(h).attr("height", h); // Lサイズ画像データを入れ替え var dataL = data.children(".L"); var href = dataL.children("a").attr("href"); var w = dataL.children(".W").val(); var h = dataL.children(".H").val(); var zoom = $(this).parents(".images").find(".zoomData"); zoom.children("a").attr("href", href); zoom.children(".id").val(id); zoom.children(".alt").val(alt); zoom.children(".W").val(w); zoom.children(".H").val(h); } ); $('a.zoomup').lightBox(); // 商品画像：拡大 $(".images .photo .zoomButton").click( function() { var id = $(this).next(".zoomData").children(".id").val(); $("#dev1").text(id); var temp = $(this).parents(".images").find(".selector").find(".id" + id + " .L a"); $(this).parents(".images").find(".selector").find(".id" + id + " .L a").click(); return false; } ); // 商品詳細：購入個数入力 $("#item .cart #count").focus( function() { setInterval(cartCountLimiter, 100); } ); $("#item .cart .btnPlus").click( function() { var obj = $("#item .cart #count"); var count = obj.val() - 0; obj.val(count + 1); cartCountLimiter(); return false; } ); $("#item .cart .btnMinus").click( function() { var obj = $("#item .cart #count"); var count = obj.val() - 0; obj.val(count - 1); cartCountLimiter(); return false; } ); // 開閉ブロック openBlock(); // 初期設定 $(".openTriger").click( function() { openBlock(); } ); // 支払い総額を再計算する calculateTotalPay(); $("#cashierForm #paymentSelector input").click( function() { calculateTotalPay(); } ); // IE6透過PNG対策：タイトル画像 // $(".title .box img").pngfix(); // アニメーション処理 // setTimeout(animateTitleLogo, 300); // 左右中央ページDIVの高さを揃える setAreaHeight(); } ); // 左右中央ページDIVの高さを揃える function setAreaHeight() { var hPL = $("#pageLeft").height(); var hPC = $("#pageCenter").height(); if (hPC < hPL) { var ofs = hPL - hPC; var h = $("#main").height(); $("#main").height(h + ofs); } } // 開閉ブロックの状態を設定する function openBlock() { $.each($(".openTriger"), function() { var dsp = ($(this).attr("checked") == true)? "block": "none"; var obj = ".open_" + $(this).attr("id"); $(obj).css("display", dsp); } ); } // カートの商品個数変更を制限する function cartCountLimiter() { var obj = $("#item .cart #count"); if (0 < obj.size()) { var str = obj.val(); var num = ""; // var han = "0123456789"; // var zen = "０１２３４５６７８９"; // for (i = 0; i < str.length; i++) { // c = str.charAt(i); // n = zen.indexOf(c, 0); // if (n >= 0) c = han.charAt(n); // num += c; // } num = str; var count = parseInt(num, 10); var max = 1; if ($("#item .cart #order").val() == "通常注文") { max = parseInt($("#item .cart #stock").val(), 10); } if ($("#item .cart #order").val() == "予約注文") { max = parseInt($("#item .cart #reservation").val(), 10); } if (max < count) count = max; // 在庫数を購入個数の上限にする if (count < 1) count = 1; // 購入個数が0にならないようにする if (isNaN(count)) count = 1; // 数値以外なら強制的に1にする obj.val(count); } } // 支払い総額を再計算する function calculateTotalPay() { if ($("input[name=calculate]").val() == "YES") { if ($("#paymentDaibiki").attr("checked") == true) { $("input[name=chargeDaibiki]").val($("input[name=chargeDaibikiSource]").val()); } else { $("input[name=chargeDaibiki]").val(0); } var p1 = $(".itemList input[name=allSalePrice]").val() - 0; // 商品合計金額（税込） var p2 = $(".itemList input[name=chargeDaibiki]").val() - 0; // 代引手数料 var p3 = $(".itemList input[name=chargeDelivery]").val() - 0; // 送料 $(".itemList #formatChargeDaibiki").text(formatNumber(p2)); $(".itemList #formatChargeDelivery").text(formatNumber(p3)); $(".itemList #formatTotalPay").text(formatNumber(p1 + p2 + p3)); } } //------------------------------------------------------------- // ウィンドウ ロード //------------------------------------------------------------- $(window).load( function() { // 左右中央ページDIVの高さを揃える（Safari4 リロード不具合対策） setAreaHeight(); // ディスプレイサイズを記録する // pageCode, newSession は metaタグから値を取得する // meta("name='xjam_pcode' content='{$pageCode}'"). // meta("name='xjam_dmode' content='{$developMode}'"). // meta("name='xjam_tmode' content='{$testMode}'"). // meta("name='xjam_nsess' content='{$newSession}'"). // meta("name='xjam_sbdir' content='{$subDirectory}'"). var pageCode = $("meta[name='xjam_pcode']").attr("content"); var newSession = $("meta[name='xjam_nsess']").attr("content"); var subDirectory = $("meta[name='xjam_sbdir']").attr("content"); var screenW = window.screen.width; var screenH = window.screen.height; if (newSession == "true" && (0 < screenW + screenH)) { if (subDirectory != "") { subDirectory = "/" +subDirectory; } $.post(subDirectory + "/command/countScreenSize.php", { w:screenW, h:screenH }); } } ); //------------------------------------------------------------- // ウィンドウ アンロード //------------------------------------------------------------- $(window).unload( function() { // if (adID != "") { // $.post("/command/countClickAds.php", { p:page, a:adID }); // // alert("JUMP:" + adID); // } } ); //------------------------------------------------------------- // ウィンドウ リサイズ //------------------------------------------------------------- $(window).resize( function() { // if ($.browser.msie) { // // location.reload(true); // $('#pageLeft, #pageCenter, #pageRight').setHeight(); // } else { // $('#pageLeft, #pageCenter, #pageRight').setHeight(); // } } ); //--------------------------------------------------------- // タイトルロゴアニメーション //--------------------------------------------------------- function animateTitleLogo() { } //--------------------------------------------------------- // URLバック処理 //--------------------------------------------------------- function urlBack() { location.replace("/command/pageJump.php"); } //--------------------------------------------------------- // エラー処理 //--------------------------------------------------------- function errorProc() { var dt = new Date(); var dt1 = dt.getTime(); while (true) { dt = new Date(); dt2 = dt.getTime(); if (5000 < dt2 - dt1) break; // 5秒ループ } location.reload(true); } //------------------------------------------------------------- // 数値をカンマ区切り文字列にする //------------------------------------------------------------- function formatNumber(n) { var s = "" + n; // 確実に文字列型に変換する。例では "95839285734.3245" var p = s.indexOf("."); // 小数点の位置を0オリジンで求める。例では 11 if (p < 0) { // 小数点が見つからなかった時 p = s.length; // 仮想的な小数点の位置とする } var r = s.substring(p, s.length); // 小数点の桁と小数点より右側の文字列。例では ".3245" for (var i = 0; i < p; i++) { // (10 ^ i) の位について var c = s.substring(p - 1 - i, p - 1 - i + 1); // (10 ^ i) の位のひとつの桁の数字。例では "4", "3", "7", "5", "8", "2", "9", "3", "8", "5", "9" の順になる。 if (c < "0" || c > "9") { // 数字以外のもの(符合など)が見つかった r = s.substring(0, p - i) + r; // 残りを全部付加する break; } if (i > 0 && i % 3 == 0) { // 3 桁ごと、ただし初回は除く r = "," + r; // カンマを付加する } r = c + r; // 数字を一桁追加する。 } return r; // 例では "95,839,285,734.3245" } //--------------------------------------------------------- // プラグイン //--------------------------------------------------------- /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.js * @author Leandro Vieira Pinho - http://leandrovieira.com * @version 0.5 * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ (function($){$.fn.lightBox=function(settings){settings=jQuery.extend({overlayBgColor:'#000',overlayOpacity:0.8,fixedNavigation:false,imageLoading:'xjam/js/jquery.lightbox/lightbox-ico-loading.gif',imageBtnPrev:'xjam/js/jquery.lightbox/lightbox-btn-prev.gif',imageBtnNext:'xjam/js/jquery.lightbox/lightbox-btn-next.gif',imageBtnClose:'xjam/js/jquery.lightbox/lightbox-btn-close.gif',imageBlank:'xjam/js/jquery.lightbox/lightbox-blank.gif',containerBorderSize:10,containerResizeSpeed:400,txtImage:'Image',txtOf:'of',keyToClose:'c',keyToPrev:'p',keyToNext:'n',imageArray:[],activeImage:0},settings);var jQueryMatchedObj=this;function _initialize(){_start(this,jQueryMatchedObj);return false;} function _start(objClicked,jQueryMatchedObj){$('embed, object, select').css({'visibility':'hidden'});_set_interface();settings.imageArray.length=0;settings.activeImage=0;if(jQueryMatchedObj.length==1){settings.imageArray.push(new Array(objClicked.getAttribute('href'),objClicked.getAttribute('title')));}else{for(var i=0;i
');var arrPageSizes=___getPageSize();$('#jquery-overlay').css({backgroundColor:settings.overlayBgColor,opacity:settings.overlayOpacity,width:arrPageSizes[0],height:arrPageSizes[1]}).fadeIn();var arrPageScroll=___getPageScroll();$('#jquery-lightbox').css({top:arrPageScroll[1]+(arrPageSizes[3]/10),left:arrPageScroll[0]}).show();$('#jquery-overlay,#jquery-lightbox').click(function(){_finish();});$('#lightbox-loading-link,#lightbox-secNav-btnClose').click(function(){_finish();return false;});$(window).resize(function(){var arrPageSizes=___getPageSize();$('#jquery-overlay').css({width:arrPageSizes[0],height:arrPageSizes[1]});var arrPageScroll=___getPageScroll();$('#jquery-lightbox').css({top:arrPageScroll[1]+(arrPageSizes[3]/10),left:arrPageScroll[0]});});} function _set_image_to_view(){$('#lightbox-loading').show();if(settings.fixedNavigation){$('#lightbox-image,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();}else{$('#lightbox-image,#lightbox-nav,#lightbox-nav-btnPrev,#lightbox-nav-btnNext,#lightbox-container-image-data-box,#lightbox-image-details-currentNumber').hide();} var objImagePreloader=new Image();objImagePreloader.onload=function(){$('#lightbox-image').attr('src',settings.imageArray[settings.activeImage][0]);_resize_container_image_box(objImagePreloader.width,objImagePreloader.height);objImagePreloader.onload=function(){};};objImagePreloader.src=settings.imageArray[settings.activeImage][0];};function _resize_container_image_box(intImageWidth,intImageHeight){var intCurrentWidth=$('#lightbox-container-image-box').width();var intCurrentHeight=$('#lightbox-container-image-box').height();var intWidth=(intImageWidth+(settings.containerBorderSize*2));var intHeight=(intImageHeight+(settings.containerBorderSize*2));var intDiffW=intCurrentWidth-intWidth;var intDiffH=intCurrentHeight-intHeight;$('#lightbox-container-image-box').animate({width:intWidth,height:intHeight},settings.containerResizeSpeed,function(){_show_image();});if((intDiffW==0)&&(intDiffH==0)){if($.browser.msie){___pause(250);}else{___pause(100);}} $('#lightbox-container-image-data-box').css({width:intImageWidth});$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({height:intImageHeight+(settings.containerBorderSize*2)});};function _show_image(){$('#lightbox-loading').hide();$('#lightbox-image').fadeIn(function(){_show_image_data();_set_navigation();});_preload_neighbor_images();};function _show_image_data(){$('#lightbox-container-image-data-box').slideDown('fast');$('#lightbox-image-details-caption').hide();if(settings.imageArray[settings.activeImage][1]){$('#lightbox-image-details-caption').html(settings.imageArray[settings.activeImage][1]).show();} if(settings.imageArray.length>1){$('#lightbox-image-details-currentNumber').html(settings.txtImage+' '+(settings.activeImage+1)+' '+settings.txtOf+' '+settings.imageArray.length).show();}} function _set_navigation(){$('#lightbox-nav').show();$('#lightbox-nav-btnPrev,#lightbox-nav-btnNext').css({'background':'transparent url('+settings.imageBlank+') no-repeat'});if(settings.activeImage!=0){if(settings.fixedNavigation){$('#lightbox-nav-btnPrev').css({'background':'url('+settings.imageBtnPrev+') left 15% no-repeat'}).unbind().bind('click',function(){settings.activeImage=settings.activeImage-1;_set_image_to_view();return false;});}else{$('#lightbox-nav-btnPrev').unbind().hover(function(){$(this).css({'background':'url('+settings.imageBtnPrev+') left 15% no-repeat'});},function(){$(this).css({'background':'transparent url('+settings.imageBlank+') no-repeat'});}).show().bind('click',function(){settings.activeImage=settings.activeImage-1;_set_image_to_view();return false;});}} if(settings.activeImage!=(settings.imageArray.length-1)){if(settings.fixedNavigation){$('#lightbox-nav-btnNext').css({'background':'url('+settings.imageBtnNext+') right 15% no-repeat'}).unbind().bind('click',function(){settings.activeImage=settings.activeImage+1;_set_image_to_view();return false;});}else{$('#lightbox-nav-btnNext').unbind().hover(function(){$(this).css({'background':'url('+settings.imageBtnNext+') right 15% no-repeat'});},function(){$(this).css({'background':'transparent url('+settings.imageBlank+') no-repeat'});}).show().bind('click',function(){settings.activeImage=settings.activeImage+1;_set_image_to_view();return false;});}} _enable_keyboard_navigation();} function _enable_keyboard_navigation(){$(document).keydown(function(objEvent){_keyboard_action(objEvent);});} function _disable_keyboard_navigation(){$(document).unbind();} function _keyboard_action(objEvent){if(objEvent==null){keycode=event.keyCode;escapeKey=27;}else{keycode=objEvent.keyCode;escapeKey=objEvent.DOM_VK_ESCAPE;} key=String.fromCharCode(keycode).toLowerCase();if((key==settings.keyToClose)||(key=='x')||(keycode==escapeKey)){_finish();} if((key==settings.keyToPrev)||(keycode==37)){if(settings.activeImage!=0){settings.activeImage=settings.activeImage-1;_set_image_to_view();_disable_keyboard_navigation();}} if((key==settings.keyToNext)||(keycode==39)){if(settings.activeImage!=(settings.imageArray.length-1)){settings.activeImage=settings.activeImage+1;_set_image_to_view();_disable_keyboard_navigation();}}} function _preload_neighbor_images(){if((settings.imageArray.length-1)>settings.activeImage){objNext=new Image();objNext.src=settings.imageArray[settings.activeImage+1][0];} if(settings.activeImage>0){objPrev=new Image();objPrev.src=settings.imageArray[settings.activeImage-1][0];}} function _finish(){$('#jquery-lightbox').remove();$('#jquery-overlay').fadeOut(function(){$('#jquery-overlay').remove();});$('embed, object, select').css({'visibility':'visible'});} function ___getPageSize(){var xScroll,yScroll;if(window.innerHeight&&window.scrollMaxY){xScroll=window.innerWidth+window.scrollMaxX;yScroll=window.innerHeight+window.scrollMaxY;}else if(document.body.scrollHeight>document.body.offsetHeight){xScroll=document.body.scrollWidth;yScroll=document.body.scrollHeight;}else{xScroll=document.body.offsetWidth;yScroll=document.body.offsetHeight;} var windowWidth,windowHeight;if(self.innerHeight){if(document.documentElement.clientWidth){windowWidth=document.documentElement.clientWidth;}else{windowWidth=self.innerWidth;} windowHeight=self.innerHeight;}else if(document.documentElement&&document.documentElement.clientHeight){windowWidth=document.documentElement.clientWidth;windowHeight=document.documentElement.clientHeight;}else if(document.body){windowWidth=document.body.clientWidth;windowHeight=document.body.clientHeight;} if(yScroll