source: branches/version-2_13-dev/html/js/eccube.js @ 23138

Revision 23138, 19.7 KB checked in by pineray, 11 years ago (diff)

#2353 モーダルウィンドウのJavaScriptライブラリを変更
Line 
1/*
2 * This file is part of EC-CUBE
3 *
4 * Copyright(c) 2000-2013 LOCKON CO.,LTD. All Rights Reserved.
5 *
6 * http://www.lockon.co.jp/
7 *
8 * This program is free software; you can redistribute it and/or
9 * modify it under the terms of the GNU General Public License
10 * as published by the Free Software Foundation; either version 2
11 * of the License, or (at your option) any later version.
12 *
13 * This program is distributed in the hope that it will be useful,
14 * but WITHOUT ANY WARRANTY; without even the implied warranty of
15 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
16 * GNU General Public License for more details.
17 *
18 * You should have received a copy of the GNU General Public License
19 * along with this program; if not, write to the Free Software
20 * Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
21 */
22
23(function( window, undefined ){
24
25
26    // 名前空間の重複を防ぐ
27    if (window.eccube === undefined) {
28        window.eccube = {};
29    }
30
31    var eccube = window.eccube;
32
33    eccube.defaults = {
34        formId:'form1',
35        windowFeatures:{
36            scrollbars:'yes',
37            resizable:'yes',
38            toolbar:'no',
39            location:'no',
40            directories:'no',
41            status:'no',
42            focus:true,
43            formTarget:''
44        }
45    };
46
47    eccube.openWindow = function(URL,name,width,height,option) {
48        var features = "width="+width+",height="+height;
49        if (option === undefined) {
50            option = eccube.defaults.windowFeatures;
51        } else {
52            option = $.extend(eccube.defaults.windowFeatures, option);
53        }
54        features = features + ",scrollbars=" + option.scrollbars +
55                ",resizable=" + option.resizable +
56                ",toolbar=" + option.toolbar +
57                ",location=" + option.location +
58                ",directories=" + option.directories +
59                ",status=" + option.status;
60        if (option.hasOwnProperty('menubar')) {
61            features = features + ",menubar=" + option['menubar'];
62        }
63        var WIN = window.open(URL,name,features);
64        if (option.formTarget !== "") {
65            document.forms[option.formTarget].target = name;
66        }
67        if (option.focus) {
68            WIN.focus();
69        }
70    };
71
72    // 親ウィンドウの存在確認.
73    eccube.isOpener = function() {
74        var ua = navigator.userAgent;
75        if( window.opener ) {
76            if( ua.indexOf('MSIE 4') !== -1 && ua.indexOf('Win') !== -1 ) {
77                if (window.opener.hasOwnProperty('closed')) {
78                    return !window.opener['closed'];
79                } else {
80                    return false;
81                }
82            } else {
83                return typeof window.opener.document === 'object';
84            }
85        } else {
86            return false;
87        }
88    };
89
90    // 郵便番号入力呼び出し.
91    eccube.getAddress = function(php_url, tagname1, tagname2, input1, input2) {
92        var zip1 = document['form1'][tagname1].value;
93        var zip2 = document['form1'][tagname2].value;
94
95        if(zip1.length === 3 && zip2.length === 4) {
96            $.get(
97                php_url,
98                {zip1: zip1, zip2: zip2, input1: input1, input2: input2},
99                function(data) {
100                    var arrData = data.split("|");
101                    if (arrData.length > 1) {
102                        eccube.putAddress(input1, input2, arrData[0], arrData[1], arrData[2]);
103                    } else {
104                        window.alert(data);
105                    }
106                }
107            );
108        } else {
109            window.alert("郵便番号を正しく入力して下さい。");
110        }
111    };
112
113    // 郵便番号から検索した住所を渡す.
114    eccube.putAddress = function(input1, input2, state, city, town) {
115        if(state !== "") {
116            // 項目に値を入力する.
117            document['form1'][input1].selectedIndex = state;
118            document['form1'][input2].value = city + town;
119        }
120    };
121
122    eccube.setFocus = function(name) {
123        if(document['form1'].hasOwnProperty(name)) {
124            document['form1'][name].focus();
125        }
126    };
127
128    // モードとキーを指定してSUBMITを行う。
129    eccube.setModeAndSubmit = function(mode, keyname, keyid) {
130        switch(mode) {
131            case 'delete_category':
132                if(!window.confirm('選択したカテゴリとカテゴリ内の全てのカテゴリを削除します')){
133                    return;
134                }
135                break;
136            case 'delete':
137                if(!window.confirm('一度削除したデータは、元に戻せません。\n削除しても宜しいですか？')){
138                    return;
139                }
140                break;
141            case 'confirm':
142                if(!window.confirm('登録しても宜しいですか')){
143                    return;
144                }
145                break;
146            case 'delete_all':
147                if(!window.confirm('検索結果を全て削除しても宜しいですか')){
148                    return;
149                }
150                break;
151            default:
152                break;
153        }
154        document['form1']['mode'].value = mode;
155        if(keyname !== undefined && keyname !== "" && keyid !== undefined && keyid !== "") {
156            document['form1'][keyname].value = keyid;
157        }
158        document['form1'].submit();
159    };
160
161    eccube.fnFormModeSubmit = function(form, mode, keyname, keyid) {
162        switch(mode) {
163            case 'delete':
164                if(!window.confirm('一度削除したデータは、元に戻せません。\n削除しても宜しいですか？')){
165                    return;
166                }
167                break;
168            case 'confirm':
169                if(!window.confirm('登録しても宜しいですか')){
170                    return;
171                }
172                break;
173            case 'regist':
174                if(!window.confirm('登録しても宜しいですか')){
175                    return;
176                }
177                break;
178            default:
179                break;
180        }
181        var values = {mode:mode};
182        if(keyname !== undefined && keyname !== "" && keyid !== undefined && keyid !== "") {
183            values[keyname] = keyid;
184        }
185        eccube.submitForm(values, form);
186    };
187
188    eccube.setValueAndSubmit = function(form, key, val, msg) {
189        var ret;
190        if (msg !== undefined) {
191            ret = window.confirm(msg);
192        } else {
193            ret = true;
194        }
195        if (ret) {
196            var formElement = $("form#" + form);
197            formElement.find("*[name=" + key + "]").val(val);
198            formElement.submit();
199        }
200        return false;
201    };
202
203    eccube.setValue = function(key, val, form) {
204        if (typeof form === 'undefined') {
205            form = eccube.defaults.formId;
206        }
207        var formElement = $("form#" + form);
208        formElement.find("*[name=" + key + "]").val(val);
209    };
210
211    eccube.changeAction = function(url) {
212        document['form1'].action = url;
213    };
214
215    // ページナビで使用する。
216    eccube.movePage = function(pageno, mode, form) {
217        if (form === undefined) {
218            form = eccube.defaults.formId;
219        }
220        var formElement = $("form#" + form);
221        formElement.find("input[name=pageno]").val(pageno);
222        if (mode !== undefined) {
223            formElement.find("input[name='mode']").val(mode);
224        }
225        formElement.submit();
226    };
227
228    eccube.submitForm = function(values, form){
229        var formElement;
230        if (form !== undefined && typeof form === "string" && form !== "") {
231            formElement = $("form#" + form);
232        } else if (form !== undefined && typeof form === "object") {
233            formElement = form;
234        } else {
235            formElement = $("form#" + eccube.defaults.formId);
236        }
237        if (values !== undefined && typeof values === "object") {
238            $.each(values, function(index, value) {
239                formElement.find("input,select").filter("[name='" + index + "']").val(value);
240            });
241        }
242        formElement.submit();
243    };
244
245    // ポイント入力制限。
246    eccube.togglePointForm = function() {
247        if(document['form1']['point_check']) {
248            var list = ['use_point'];
249            var color;
250            var flag;
251
252            if(!document['form1']['point_check'][0].checked) {
253                color = "#dddddd";
254                flag = true;
255            } else {
256                color = "";
257                flag = false;
258            }
259
260            var len = list.length;
261            for(var i = 0; i < len; i++) {
262                if(document['form1'][list[i]]) {
263                    var current_color = document['form1'][list[i]].style.backgroundColor;
264                    if (color !== "#dddddd" && (current_color === "#ffe8e8" || current_color === "rgb(255, 232, 232)"))
265                    {
266                        continue;
267                    }
268                    document['form1'][list[i]].disabled = flag;
269                    document['form1'][list[i]].style.backgroundColor = color;
270                }
271            }
272        }
273    };
274
275    // 別のお届け先入力制限。
276    eccube.toggleDeliveryForm = function() {
277        if(!document['form1']) {
278            return;
279        }
280        if(document['form1']['deliv_check']) {
281            var list = [
282                'shipping_name01',
283                'shipping_name02',
284                'shipping_kana01',
285                'shipping_kana02',
286                'shipping_pref',
287                'shipping_zip01',
288                'shipping_zip02',
289                'shipping_addr01',
290                'shipping_addr02',
291                'shipping_tel01',
292                'shipping_tel02',
293                'shipping_tel03'
294            ];
295
296            if(!document['form1']['deliv_check'].checked) {
297                eccube.changeDisabled(list, '#dddddd');
298            } else {
299                eccube.changeDisabled(list, '');
300            }
301        }
302    };
303
304    // 最初に設定されていた色を保存しておく。
305    eccube.savedColor = [];
306
307    eccube.changeDisabled = function(list, color) {
308        var len = list.length;
309
310        for(var i = 0; i < len; i++) {
311            if(document['form1'][list[i]]) {
312                if(color === "") {
313                    // 有効にする。
314                    document['form1'][list[i]].removeAttribute('disabled');
315                    document['form1'][list[i]].style.backgroundColor = eccube.savedColor[list[i]];
316                } else {
317                    // 無効にする。
318                    document['form1'][list[i]].setAttribute('disabled', 'disabled');
319                    eccube.savedColor[list[i]] = document['form1'][list[i]].style.backgroundColor;
320                    document['form1'][list[i]].style.backgroundColor = color;//"#f0f0f0";
321                }
322            }
323        }
324    };
325
326    // ログイン時の入力チェック
327    eccube.checkLoginFormInputted = function(form, emailKey, passKey) {
328        var formElement = $("form#" + form);
329        var checkItems = [];
330
331        if (typeof emailKey === 'undefined') {
332            checkItems[0] = 'login_email';
333        } else {
334            checkItems[0] = emailKey;
335        }
336        if (typeof passKey === 'undefined') {
337            checkItems[1] = 'login_pass';
338        } else {
339            checkItems[1] = passKey;
340        }
341
342        var max = checkItems.length;
343        var errorFlag = false;
344
345        //　必須項目のチェック
346        for(var cnt = 0; cnt < max; cnt++) {
347            if(formElement.find("input[name=" + checkItems[cnt] + "]").val() === "") {
348                errorFlag = true;
349                break;
350            }
351        }
352
353        // 必須項目が入力されていない場合
354        if(errorFlag === true) {
355            window.alert('メールアドレス/パスワードを入力して下さい。');
356            return false;
357        } else {
358            return true;
359        }
360    };
361
362    //親ウィンドウのページを変更する.
363    eccube.changeParentUrl = function(url) {
364        // 親ウィンドウの存在確認
365        if(eccube.isOpener()) {
366            window.opener.location.href = url;
367        } else {
368            window.close();
369        }
370    };
371
372    //文字数をカウントする。
373    //引数1：フォーム名称
374    //引数2：文字数カウント対象
375    //引数3：カウント結果格納対象
376    eccube.countChars = function(form,sch,cnt) {
377        var formElement = $("form#" + form);
378        formElement.find("input[name="+cnt+"]").val(formElement.find("*[name="+sch+"]").val().length);
379    };
380
381    // テキストエリアのサイズを変更する.
382    eccube.toggleRows = function(buttonSelector, textAreaSelector, max, min) {
383        if ($(textAreaSelector).attr('rows') <= min) {
384            $(textAreaSelector).attr('rows', max);
385            $(buttonSelector).text('縮小');
386        } else {
387            $(textAreaSelector).attr('rows', min);
388            $(buttonSelector).text('拡大');
389        }
390    };
391
392    /**
393     * 規格2のプルダウンを設定する.
394     */
395    eccube.setClassCategories = function($form, product_id, $sele1, $sele2, selected_id2) {
396        if ($sele1 && $sele1.length) {
397            var classcat_id1 = $sele1.val() ? $sele1.val() : '';
398            if ($sele2 && $sele2.length) {
399                // 規格2の選択肢をクリア
400                $sele2.children().remove();
401
402                var classcat2;
403
404                // 商品一覧時
405                if (eccube.hasOwnProperty('productsClassCategories')) {
406                    classcat2 = eccube['productsClassCategories'][product_id][classcat_id1];
407                }
408                // 詳細表示時
409                else {
410                    classcat2 = eccube['classCategories'][classcat_id1];
411                }
412
413                // 規格2の要素を設定
414                for (var key in classcat2) {
415                    if (classcat2.hasOwnProperty(key)) {
416                        var id = classcat2[key]['classcategory_id2'];
417                        var name = classcat2[key]['name'];
418                        var option = $('<option />').val(id ? id : '').text(name);
419                        if (id === selected_id2) {
420                            option.attr('selected', true);
421                        }
422                        $sele2.append(option);
423                    }
424                }
425                eccube.checkStock($form, product_id, $sele1.val() ? $sele1.val() : '__unselected2',
426                    $sele2.val() ? $sele2.val() : '');
427            }
428        }
429    };
430
431    /**
432     * 規格の選択状態に応じて, フィールドを設定する.
433     */
434    eccube.checkStock = function($form, product_id, classcat_id1, classcat_id2) {
435
436        classcat_id2 = classcat_id2 ? classcat_id2 : '';
437
438        var classcat2;
439
440        // 商品一覧時
441        if (eccube.hasOwnProperty('productsClassCategories')) {
442            classcat2 = eccube['productsClassCategories'][product_id][classcat_id1]['#' + classcat_id2];
443        }
444        // 詳細表示時
445        else {
446            classcat2 = eccube['classCategories'][classcat_id1]['#' + classcat_id2];
447        }
448
449        // 商品コード
450        var $product_code_default = $form.find('[id^=product_code_default]');
451        var $product_code_dynamic = $form.find('[id^=product_code_dynamic]');
452        if (classcat2 && typeof classcat2['product_code'] !== 'undefined') {
453            $product_code_default.hide();
454            $product_code_dynamic.show();
455            $product_code_dynamic.text(classcat2['product_code']);
456        } else {
457            $product_code_default.show();
458            $product_code_dynamic.hide();
459        }
460
461        // 在庫(品切れ)
462        var $cartbtn_default = $form.find('[id^=cartbtn_default]');
463        var $cartbtn_dynamic = $form.find('[id^=cartbtn_dynamic]');
464        if (classcat2 && classcat2['stock_find'] === false) {
465
466            $cartbtn_dynamic.text('申し訳ございませんが、只今品切れ中です。').show();
467            $cartbtn_default.hide();
468        } else {
469            $cartbtn_dynamic.hide();
470            $cartbtn_default.show();
471        }
472
473        // 通常価格
474        var $price01_default = $form.find('[id^=price01_default]');
475        var $price01_dynamic = $form.find('[id^=price01_dynamic]');
476        if (classcat2 && typeof classcat2['price01'] !== 'undefined' && String(classcat2['price01']).length >= 1) {
477
478            $price01_dynamic.text(classcat2['price01']).show();
479            $price01_default.hide();
480        } else {
481            $price01_dynamic.hide();
482            $price01_default.show();
483        }
484
485        // 販売価格
486        var $price02_default = $form.find('[id^=price02_default]');
487        var $price02_dynamic = $form.find('[id^=price02_dynamic]');
488        if (classcat2 && typeof classcat2['price02'] !== 'undefined' && String(classcat2['price02']).length >= 1) {
489
490            $price02_dynamic.text(classcat2['price02']).show();
491            $price02_default.hide();
492        } else {
493            $price02_dynamic.hide();
494            $price02_default.show();
495        }
496
497        // ポイント
498        var $point_default = $form.find('[id^=point_default]');
499        var $point_dynamic = $form.find('[id^=point_dynamic]');
500        if (classcat2 && typeof classcat2['point'] !== 'undefined' && String(classcat2['point']).length >= 1) {
501
502            $point_dynamic.text(classcat2['point']).show();
503            $point_default.hide();
504        } else {
505            $point_dynamic.hide();
506            $point_default.show();
507        }
508
509        // 商品規格
510        var $product_class_id_dynamic = $form.find('[id^=product_class_id]');
511        if (classcat2 && typeof classcat2['product_class_id'] !== 'undefined' && String(classcat2['product_class_id']).length >= 1) {
512            $product_class_id_dynamic.val(classcat2['product_class_id']);
513        } else {
514            $product_class_id_dynamic.val('');
515        }
516    };
517
518    // グローバルに使用できるようにする
519    window.eccube = eccube;
520
521    /**
522     * Initialize.
523     */
524    $(function() {
525        // 規格1選択時
526        $('select[name=classcategory_id1]')
527            .change(function() {
528                var $form = $(this).parents('form');
529                var product_id = $form.find('input[name=product_id]').val();
530                var $sele1 = $(this);
531                var $sele2 = $form.find('select[name=classcategory_id2]');
532
533                // 規格1のみの場合
534                if (!$sele2.length) {
535                    eccube.checkStock($form, product_id, $sele1.val(), '0');
536                    // 規格2ありの場合
537                } else {
538                    eccube.setClassCategories($form, product_id, $sele1, $sele2);
539                }
540            });
541
542        // 規格2選択時
543        $('select[name=classcategory_id2]')
544            .change(function() {
545                var $form = $(this).parents('form');
546                var product_id = $form.find('input[name=product_id]').val();
547                var $sele1 = $form.find('select[name=classcategory_id1]');
548                var $sele2 = $(this);
549                eccube.checkStock($form, product_id, $sele1.val(), $sele2.val());
550            });
551
552        // マウスオーバーで画像切り替え
553        $(".hover_change_image").each(function(){
554            var target = $(this);
555            var srcOrig = target.attr("src");
556            var srcOver = srcOrig.substr(0, srcOrig.lastIndexOf('.')) + '_on' + srcOrig.substr(srcOrig.lastIndexOf('.'));
557            target.hover(
558                function(){
559                    target.attr("src", srcOver);
560                },
561                function(){
562                    target.attr("src", srcOrig);
563                }
564            );
565        });
566
567        // モーダルウィンドウ
568        $("a.expansion").colorbox();
569    });
570})(window);
Note: See TracBrowser for help on using the repository browser.