쇼핑몰: #196 장바구니 옵션 수정 기능 마크업 및 스타일 완료

js/common.js

@@ -620,12 +620,26 @@ $(function(){
         }
     });
 
-    $("textarea#wr_content[maxlength]").live("keyup change", function() {  
-        var str = $(this).val()  
-        var mx = parseInt($(this).attr("maxlength"))  
-        if (str.length > mx) {  
+    $("textarea#wr_content[maxlength]").live("keyup change", function() {
+        var str = $(this).val()
+        var mx = parseInt($(this).attr("maxlength"))
+        if (str.length > mx) {
             $(this).val(str.substr(0, mx));
-            return false;  
-        }  
+            return false;
+        }
     });
-});
+});
+
+// 모달 레이어 http://mytory.net/archives/783 참조
+function winMask(){ // 모달 레이어 배경
+    //화면의 높이와 너비를 구한다.
+    var maskHeight = $(document).height();
+    var maskWidth = $(window).width();
+
+    //마스크의 높이와 너비를 화면 것으로 만들어 전체 화면을 채운다.
+    $('#win_mask').css({'width':maskWidth,'height':maskHeight});
+
+    //애니메이션 효과
+    $('#win_mask').fadeTo("fast",0.8);
+}
+// 모달 레이어 끝