From d10746b126c3d7e6a7f531a7a83c2512b52a18de Mon Sep 17 00:00:00 2001
From: whitedot <whitedot@naver.com>
Date: Fri, 24 May 2013 14:40:20 +0900
Subject: [PATCH] =?UTF-8?q?=EC=87=BC=ED=95=91=EB=AA=B0:=20#195=20=EC=83=81?=
 =?UTF-8?q?=ED=92=88=EC=83=81=EC=84=B8=20=EC=84=A0=ED=83=9D/=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80=20=EC=98=B5=EC=85=98=20=EB=A7=88=ED=81=AC=EC=97=85=20?=
 =?UTF-8?q?=EC=9E=91=EC=97=85=20=EC=A4=91=20=EC=9E=84=EC=8B=9C=EB=B3=B4?=
 =?UTF-8?q?=EB=A5=98,=20=EA=B5=AC=EC=A1=B0=20=EA=B5=AC=EC=83=81=20?=
 =?UTF-8?q?=EC=A4=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/default_shop.css |   6 +-
 shop/item.php        | 318 ++++++++++++++++++++++---------------------
 2 files changed, 164 insertions(+), 160 deletions(-)

diff --git a/css/default_shop.css b/css/default_shop.css
index 4c0352b5f..297f2c13f 100644
--- a/css/default_shop.css
+++ b/css/default_shop.css
@@ -485,10 +485,10 @@ input.required:focus {border:1px solid #b8c9c2;background:#21272e !important;col
 
 /* 상품 상세보기 - 간략정보 및 구매기능 */
 #sit_ov {position:relative;float:right;padding:50px 15px 15px;width:358px;height:auto !important;height:355px;min-height:355px}
-#sit_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
 
-#sit_title {display:inline-block;margin:0 0 5px;font-size:1.3em}
-#sit_desc {display:inline-block;margin:0 0 10px;color:#999}
+#sit_title {margin:0 0 5px;font-size:1.3em}
+#sit_desc {margin:0 0 5px;padding:0;color:#999}
+#sit_opt_info {/* sound_only 처리 필요 */}
 .sit_icon {display:block;margin:5px 0 0}
 .sit_icon img {margin:0 1px 0 0;border:1px solid #fff}
 
diff --git a/shop/item.php b/shop/item.php
index b5bb78df4..fbf6c493d 100644
--- a/shop/item.php
+++ b/shop/item.php
@@ -238,9 +238,14 @@ else
         <?php //echo it_name_icon($it, false, 0); ?>
 
         <section id="sit_ov">
-            <h2>상품간략정보 및 구매기능</h2>
-            <strong id="sit_title"><?php echo stripslashes($it['it_name']); ?></strong><br>
-            <span id="sit_desc"><?php echo $it['it_basic']; ?></span>
+            <h2 id="sit_title"><?php echo stripslashes($it['it_name']); ?></h2>
+            <p id="sit_desc"><?php echo $it['it_basic']; ?></p>
+            <!-- ########## 선택옵션/추가옵션 갯수를 사전에 알려줍니다. - 지운아빠 2013-05-24 -->
+            <!-- 스크린리더에서만 출력되도록 할 예정 -->
+            <p id="sit_opt_info">
+                상품 기본옵션 n 가지, <!-- 추가옵션이 있을 때만 -->추가옵션 n 가지<!-- 끝 -->
+            </p>
+            <!-- ########## 선택옵션/추가옵션 알려주기 끝 -->
             <?php if ($score = get_star_image($it['it_id'])) { ?>
             <div id="sit_star_sns">
                 <?php
@@ -283,6 +288,7 @@ else
             </tr>
 
             <?php } else { // 전화문의가 아닐 경우?>
+
             <?php if ($it['it_cust_price']) { // 1.00.03?>
             <tr>
                 <th scope="row"><label for="disp_cust_price">시중가격</label></th>
@@ -290,7 +296,7 @@ else
                     <input type="text" name="disp_cust_price" value="<?php echo number_format($it['it_cust_price']); ?>" id="disp_cust_price" readonly class="sit_ov_ro" size="8"> 원
                 </td>
             </tr>
-            <?php } // 전화문의 끝?>
+            <?php } ?>
 
             <tr>
                 <th scope="row"><label for="disp_sell_price">판매가격</label></th>
@@ -327,157 +333,7 @@ else
             echo get_item_supply($it['it_id'], $it['it_supply_subject']);
             ?>
 
-            <tr>
-                <td colspan="2">
-                    <div id="sit_sel_option"></div>
-                    <script>
-                    $(function() {
-                        // 선택옵션
-                        $("select[name='it_option[]']").change(function() {
-                            var sel_count = $("select[name='it_option[]']").size();
-                            var idx = $("select[name='it_option[]']").index($(this));
-                            var val = $(this).val();
-
-                            // 선택값이 없을 경우 하위 옵션은 disabled
-                            if(val == "") {
-                                $("select[name='it_option[]']:gt("+idx+")").val("").attr("disabled", true);
-                                return;
-                            }
-
-                            // 하위선택옵션로드
-                            if(sel_count > 1 && (idx + 1) < sel_count) {
-                                var opt_id = "";
-
-                                // 상위 옵션의 값을 읽어 옵션id 만듬
-                                if(idx > 0) {
-                                    $("select[name='it_option[]']:lt("+idx+")").each(function() {
-                                        if(!opt_id)
-                                            opt_id = $(this).val();
-                                        else
-                                            opt_id += chr(30)+$(this).val();
-                                    });
-
-                                    opt_id += chr(30)+val;
-                                } else if(idx == 0) {
-                                    opt_id = val;
-                                }
-
-                                $.post(
-                                    "<?php echo G4_SHOP_URL; ?>/itemoption.php",
-                                    { it_id: "<?php echo $it['it_id']; ?>", opt_id: opt_id, idx: idx, sel_count: sel_count },
-                                    function(data) {
-                                        $("select[name='it_option[]']").eq(idx+1).empty().html(data).attr("disabled", false);
-
-                                        // select의 옵션이 변경됐을 경우 하위 옵션 disabled
-                                        if(idx+1 < sel_count) {
-                                            var idx2 = idx + 1;
-                                            $("select[name='it_option[]']:gt("+idx2+")").val("").attr("disabled", true);
-                                        }
-                                    }
-                                );
-                            } else if((idx + 1) == sel_count) { // 선택옵션처리
-                                var info = val.split(",");
-                                // 재고체크
-                                if(parseInt(info[2]) < 1) {
-                                    alert("선택하신 선택옵션상품은 재고가 부족하여 구매할 수 없습니다.");
-                                    return false;
-                                }
-
-                                var id = "";
-                                var value, sel_opt, item, price, stock, run_error = false;
-                                var option = sep = "";
-                                $("select[name='it_option[]']").each(function(index) {
-                                    value = $(this).val();
-                                    item = $(this).closest("tr").find("th label").text();
-
-                                    if(!value) {
-                                        run_error = true;
-                                        return false;
-                                    }
-
-                                    // 옵션선택정보
-                                    sel_opt = value.split(",")[0];
-                                    if(id == "") {
-                                        id = sel_opt;
-                                    } else {
-                                        id += chr(30)+sel_opt;
-                                        sep = " / ";
-                                    }
-
-                                    option += sep + item + ":" + sel_opt;
-                                });
-
-                                if(run_error) {
-                                    alert(item+"을(를) 선택해 주십시오.");
-                                    return false;
-                                }
-
-                                price = info[1];
-                                stock = info[2];
-
-                                add_sel_option(0, id, option, price, stock);
-                            }
-                        });
-
-                        // 추가옵션
-                        $("select[name='it_supply[]']").change(function() {
-                            var val = $(this).val();
-                            var info = val.split(",");
-
-                            // 재고체크
-                            if(parseInt(info[2]) < 1) {
-                                alert("선택하신 추가옵션상품은 재고가 부족하여 구매할 수 없습니다.");
-                                return false;
-                            }
-
-                            var item = $(this).closest("tr").find("th label").text();
-                            var id = item+chr(30)+info[0];
-                            var option = item+":"+info[0];
-                            var price = info[1];
-                            var stock = info[2];
-
-                            add_sel_option(1, id, option, price, stock);
-                        });
-                    });
-
-                    function add_sel_option(type, id, option, price, stock)
-                    {
-                        var opt = "";
-                        var li_class = "sit_opt_list";
-                        if(type)
-                            li_class = "sit_spl_list";
-
-                        var opt_prc;
-                        if(parseInt(price) >= 0)
-                            opt_prc = "(+"+number_format(String(price))+"원)";
-                        else
-                            opt_prc = "("+number_format(String(price))+"원)";
-
-                        opt += "<li class=\""+li_class+"\">\n";
-                        opt += "<input type=\"hidden\" name=\"io_type[]\" value=\""+type+"\">\n";
-                        opt += "<input type=\"hidden\" name=\"io_id[]\" value=\""+id+"\">\n";
-                        opt += "<input type=\"hidden\" name=\"io_value[]\" value=\""+option+"\">\n";
-                        opt += "<input type=\"hidden\" name=\"io_price[]\" value=\""+price+"\">\n";
-                        opt += "<input type=\"hidden\" name=\"io_stock[]\" value=\""+stock+"\">\n";
-                        opt += "<span class=\"sit_opt_subj\">"+option+"</span>\n";
-                        opt += "<span class=\"sit_opt_prc\">"+opt_prc+"</span>\n";
-                        opt += "<input type=\"text\" name=\"ct_qty[]\" value=\"1\" size=\"5\">\n";
-                        opt += "<button type=\"button\" class=\"sit_qty_plus\">증가</button>\n";
-                        opt += "<button type=\"button\" class=\"sit_qty_minus\">감소</button>\n";
-                        opt += "<button type=\"button\" class=\"sit_opt_del\">삭제</button>\n";
-                        opt += "</li>\n";
-
-                        if($("#sit_sel_option > ul").size() < 1) {
-                            $("#sit_sel_option").html("<ul></ul>");
-                            $("#sit_sel_option > ul").html(opt);
-                        } else{
-                            $("#sit_sel_option > ul li:last").after(opt);
-                        }
-                    }
-                    </script>
-                </td>
-            </tr>
-
+            <!-- ########## 삭제될 내용 - 지운아빠 2013-05-24 -->
             <tr>
                 <th scope="row">수량</th>
                 <td>
@@ -486,12 +342,160 @@ else
                     <button type="button" onclick="javascript:qty_add(-1);" class="btn_frmline"><span class="sound_only">수량 1개 </span>감소</button>
                 </td>
             </tr>
-            <?php } ?>
+            <!-- ########## 삭제될 내용 끝 -->
+            <?php } // 전화문의 아닐 때 끝 ?>
 
-            <?php } ?>
+            <?php } // 갤러리 형식이 아닐 때 끝 ?>
             </tbody>
             </table>
 
+            <div id="sit_sel_option"></div>
+            <script>
+            $(function() {
+                // 선택옵션
+                $("select[name='it_option[]']").change(function() {
+                    var sel_count = $("select[name='it_option[]']").size();
+                    var idx = $("select[name='it_option[]']").index($(this));
+                    var val = $(this).val();
+
+                    // 선택값이 없을 경우 하위 옵션은 disabled
+                    if(val == "") {
+                        $("select[name='it_option[]']:gt("+idx+")").val("").attr("disabled", true);
+                        return;
+                    }
+
+                    // 하위선택옵션로드
+                    if(sel_count > 1 && (idx + 1) < sel_count) {
+                        var opt_id = "";
+
+                        // 상위 옵션의 값을 읽어 옵션id 만듬
+                        if(idx > 0) {
+                            $("select[name='it_option[]']:lt("+idx+")").each(function() {
+                                if(!opt_id)
+                                    opt_id = $(this).val();
+                                else
+                                    opt_id += chr(30)+$(this).val();
+                            });
+
+                            opt_id += chr(30)+val;
+                        } else if(idx == 0) {
+                            opt_id = val;
+                        }
+
+                        $.post(
+                            "<?php echo G4_SHOP_URL; ?>/itemoption.php",
+                            { it_id: "<?php echo $it['it_id']; ?>", opt_id: opt_id, idx: idx, sel_count: sel_count },
+                            function(data) {
+                                $("select[name='it_option[]']").eq(idx+1).empty().html(data).attr("disabled", false);
+
+                                // select의 옵션이 변경됐을 경우 하위 옵션 disabled
+                                if(idx+1 < sel_count) {
+                                    var idx2 = idx + 1;
+                                    $("select[name='it_option[]']:gt("+idx2+")").val("").attr("disabled", true);
+                                }
+                            }
+                        );
+                    } else if((idx + 1) == sel_count) { // 선택옵션처리
+                        var info = val.split(",");
+                        // 재고체크
+                        if(parseInt(info[2]) < 1) {
+                            alert("선택하신 선택옵션상품은 재고가 부족하여 구매할 수 없습니다.");
+                            return false;
+                        }
+
+                        var id = "";
+                        var value, sel_opt, item, price, stock, run_error = false;
+                        var option = sep = "";
+                        $("select[name='it_option[]']").each(function(index) {
+                            value = $(this).val();
+                            item = $(this).closest("tr").find("th label").text();
+
+                            if(!value) {
+                                run_error = true;
+                                return false;
+                            }
+
+                            // 옵션선택정보
+                            sel_opt = value.split(",")[0];
+                            if(id == "") {
+                                id = sel_opt;
+                            } else {
+                                id += chr(30)+sel_opt;
+                                sep = " / ";
+                            }
+
+                            option += sep + item + ":" + sel_opt;
+                        });
+
+                        if(run_error) {
+                            alert(item+"을(를) 선택해 주십시오.");
+                            return false;
+                        }
+
+                        price = info[1];
+                        stock = info[2];
+
+                        add_sel_option(0, id, option, price, stock);
+                    }
+                });
+
+                // 추가옵션
+                $("select[name='it_supply[]']").change(function() {
+                    var val = $(this).val();
+                    var info = val.split(",");
+
+                    // 재고체크
+                    if(parseInt(info[2]) < 1) {
+                        alert("선택하신 추가옵션상품은 재고가 부족하여 구매할 수 없습니다.");
+                        return false;
+                    }
+
+                    var item = $(this).closest("tr").find("th label").text();
+                    var id = item+chr(30)+info[0];
+                    var option = item+":"+info[0];
+                    var price = info[1];
+                    var stock = info[2];
+
+                    add_sel_option(1, id, option, price, stock);
+                });
+            });
+
+            function add_sel_option(type, id, option, price, stock)
+            {
+                var opt = "";
+                var li_class = "sit_opt_list";
+                if(type)
+                    li_class = "sit_spl_list";
+
+                var opt_prc;
+                if(parseInt(price) >= 0)
+                    opt_prc = "(+"+number_format(String(price))+"원)";
+                else
+                    opt_prc = "("+number_format(String(price))+"원)";
+
+                opt += "<li class=\""+li_class+"\">\n";
+                opt += "<input type=\"hidden\" name=\"io_type[]\" value=\""+type+"\">\n";
+                opt += "<input type=\"hidden\" name=\"io_id[]\" value=\""+id+"\">\n";
+                opt += "<input type=\"hidden\" name=\"io_value[]\" value=\""+option+"\">\n";
+                opt += "<input type=\"hidden\" name=\"io_price[]\" value=\""+price+"\">\n";
+                opt += "<input type=\"hidden\" name=\"io_stock[]\" value=\""+stock+"\">\n";
+                opt += "<span class=\"sit_opt_subj\">"+option+"</span>\n";
+                opt += "<span class=\"sit_opt_prc\">"+opt_prc+"</span>\n";
+                opt += "<input type=\"text\" name=\"ct_qty[]\" value=\"1\" size=\"5\">\n";
+                opt += "<button type=\"button\" class=\"sit_qty_plus\">증가</button>\n";
+                opt += "<button type=\"button\" class=\"sit_qty_minus\">감소</button>\n";
+                opt += "<button type=\"button\" class=\"sit_opt_del\">삭제</button>\n";
+                opt += "</li>\n";
+
+                if($("#sit_sel_option > ul").size() < 1) {
+                    $("#sit_sel_option").html('<ul id="sit_opt_added"></ul>');
+                    $("#sit_sel_option > ul").html(opt);
+                } else{
+                    $("#sit_sel_option > ul li:last").after(opt);
+                }
+            }
+            </script>
+
             <ul id="sit_ov_btn">
                 <?php if (!$it['it_tel_inq'] && !$it['it_gallery']) { ?>
                 <li><a href="javascript:fitemcheck(document.fitem, 'direct_buy');" id="sit_btn_buy">바로구매</a></li>