Changeset 23419 for branches/version-2_13-dev/html/user_data

Timestamp:

2014/05/14 18:41:11 (12 years ago)

Author:

pineray

Message:

#2549 jQuery Mobile への依存を無くす

ローディング画像の表示をオリジナルのものへ変更.

Location:

branches/version-2_13-dev/html/user_data/packages/sphone

Files:

• css/common.css (modified) (1 diff)
• img/common/ajax-loader.gif (added)
• js/eccube.sphone.js (modified) (3 diffs)

branches/version-2_13-dev/html/user_data/packages/sphone/css/common.css

@@ -676 +676 @@
     width: 100% !important;
 }
+/*-------------------------------------------------
+ローディング画像
+----------------------------------------------- */
+div.loading-overlay {
+    display: block;
+    opacity: .3;
+    padding: 0;
+    width: 32px;
+    height: 32px;
+    margin-left: -16px;
+    margin-top: -16px;
+    z-index: 9999999;
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    border: 0;
+}
+div.loading-overlay span.loading-image {
+    display: block;
+    background: url(../img/common/ajax-loader.gif) 0 0 no-repeat;
+    background-size: 32px 32px;
+    margin: 0;
+    padding: 0;
+    width: 32px;
+    height: 32px;
+}

branches/version-2_13-dev/html/user_data/packages/sphone/js/eccube.sphone.js

@@ -59 +59 @@
      ------------------------------------------*/
     eccube.addFavoriteSphone = function(favoriteProductId) {
-        $.mobile.showPageLoadingMsg();
+        eccube.showLoading();
         //送信データを準備
         var postData = {};
@@ -77 +77 @@
             error: function(XMLHttpRequest, textStatus){
                 window.alert(textStatus);
-                $.mobile.hidePageLoadingMsg();
+                eccube.hideLoading();
             },
             success: function(result){
@@ -86 +86 @@
                     window.alert("お気に入りの登録に失敗しました");
                 }
-                $.mobile.hidePageLoadingMsg();
+                eccube.hideLoading();
             }
         });
+    };
+
+    /**
+     * ローディング画像を表示する
+     */
+    eccube.showLoading = function() {
+        var over = '<div class="loading-overlay"><span class="loading-image"></span></div>';
+        $(over).appendTo('body');
+    };
+
+    /**
+     * ローディング画像を削除する
+     */
+    eccube.hideLoading = function() {
+        $('.loading-overlay').remove();
     };