webadmin.php

/home/mjc1/public_html/html/millennium/web_manual/func_detail.php

<?php
include_once("./dbcon.php");

include_once("../Page/common/header_manual.php"); 
include_once("./manual_sub_header.php");
?>

<style>

.content_section{width: 900px;}
span{font-size: 16px;color: #808080;line-height: 50px;}
.content_tit{font-size: 28px;font-weight: 900;line-height: 60px;height: 60px;/*border-bottom: 1px solid #E6E6E6;*/color: #343434;border-bottom: 2px solid #343434;}
.movie_guide, .manual_body, .manual_faq{padding-bottom: 30px;border-bottom: 2px solid #343434;}
.manual_tit{font-size: 20px;line-height: 50px;color: #343434;font-weight: 600;background: #d4e8fa;margin-bottom: 10px;padding: 0px 20px;}
.manual_tit_sub{font-size: 18px;line-height: 30px;color: #343434;font-weight: 600;cursor: pointer;margin-left: 20px;}

/* .manual_faq ul{border-top: 2px solid #343434;} */
.faq_li{cursor: pointer;transition: 0.3s;}
.faq_tit{padding: 0px 20px;display: flex;justify-content: space-between;border-bottom: 1px solid #CACACA !important;}
.faq_tit span:nth-child(1){font-size: 18px;line-height: 60px;font-weight: 600;color: #343434 !important; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;width: 85%;}

.faq_tit span:nth-child(2){font-size: 18px;line-height: 60px;color: #343434 !important;cursor: pointer;}
.faq_tit span:nth-child(2) img{margin-left: 12px;}

.faq_li.on .faq_tit span:nth-child(2) img{transform: rotate(180deg);}
.faq_li.on .faq_tit{border: 2px solid #1A558C;}

.faq_content{width: 100%;min-height: 90px;box-sizing: border-box;padding: 20px;display: none;}
.faq_li.on .faq_content{display: block;border: 2px solid #1A558C;border-top: 0px;}

p.mark{font-size: 16px;line-height: 34px;font-weight: 900;}

/*23.11.13 ³²»óº¹ ¼öÁ¤*/
.manual_content{display: none;}
.manual_box .manual_tit{cursor: pointer;}
.manual_box.on .manual_content{display: block;}
.manual_box.on .manual_tit img{transform: rotate(90deg);}
.manual_content img, .faq_content img{width:100% !important; height: auto !important;}

.cate_sch_bar{position: relative;width: 220px;height: 35px;border: 2px solid #343434;box-sizing: border-box;background: #fff;overflow: hidden;margin-top: 15px;}
#manual_cate_sch{display: block;padding-left: 10px;font-size: 14px;line-height: 30px;color: #808080;width: calc(100% - 38px);outline: 0;}
input[name="stc2"] + label{cursor: pointer;position: absolute;top: 0px;right: 0px;width: 38px;height: 32px;background: #fff;border-left: 2px solid #343434;}
input[name="stc2"] + label img{margin-top: 4px;margin-left: 7px;display: block;}

.hover-underline-animation {display: inline-block;position: relative;}
.hover-underline-animation::after {content: '';position: absolute;width: 100%;transform: scaleX(0);height: 2px;bottom: 0;left: 0;background-color: #1A558C;transform-origin: bottom right;transition: transform 0.25s ease-out; margin-bottom:-8px;}
.hover-underline-animation:hover::after {transform: scaleX(1);transform-origin: bottom left;}

/* .tit_bar span::after{content: '';display: block;clear: both;} */
</style>

<?php

@extract($_GET);
@extract($_POST);
$qstr = $_SERVER['QUERY_STRING'];

$qstr_exp = explode("&",$qstr); // Ãâ·Â¹æ¹ý ¼±ÅÃ½Ã »ç¿ëÇÒ qstr Ã³¸®
$qstr_word = "";
foreach($qstr_exp as $key=>$val){
    $v = explode("=",$val);
    if($v[0]!='stc2'){ $qstr_word .= "{$val}";     } // orderkey¸¸ Á¦°ÅÇÔ
}

$where = $where2 = $where3 = $where4 = $err = "";

if($c2 == "" && $c3 == "") {
    $err = "À¥ ¸Å´º¾ó ¸ñÂ÷¿¡¼ ¼±ÅÃÇØÁÖ¼¼¿ä.";
}

if($c2 != "") {
    $where .= " AND a.cidx_2 = '{$c2}' AND a.cidx_3 = ''";
} else if($c3 != "") {
    $where .= " AND a.cidx_3 = '{$c3}'";
}

if($stc2 != "") {
    $where2 .= " AND (a.title LIKE '%{$stc2}%' OR a.content LIKE '%{$stc2}%' OR a.keyword LIKE '%{$stc2}%')";
    $where3 .= " AND (a.question LIKE '%{$stc2}%' OR a.answer LIKE '%{$stc2}%' OR a.keyword LIKE '%{$stc2}%')";
    $where4 .= " AND (a.name LIKE '%{$stc2}%' OR a.keyword LIKE '{%stc2%}')";
}

$sql = "SELECT a.idx, a.title, b.name AS cname_1, c.name AS cname_2, d.name AS cname_3
        FROM mBoard_menual AS a
        INNER JOIN mBoard_menual_cate1 AS b ON a.cidx_1 = b.idx
        INNER JOIN mBoard_menual_cate2 AS c ON a.cidx_2 = c.idx
        LEFT JOIN mBoard_menual_cate3 AS d ON a.cidx_3 = d.idx 
        WHERE 1=1 $where
        ORDER BY idx DESC";
//echo $sql;
$res = mysql_query($sql,$connect_web);
$info = mysql_fetch_array($res);

$stxt = $info['cname_1'];

if($info['cname_2'] != "") { $stxt = $info['cname_2']; }
if($info['cname_3'] != "") { $stxt = $info['cname_3']; }

// faq
$fsql = "SELECT a.idx, a.question, a.answer FROM mBoard_menual_faq AS a WHERE pidx = '{$info[idx]}' $where3 ORDER BY idx ASC";
//echo $fsql;
$fres = mysql_query($fsql,$connect_web);

// µ¿¿µ»ó°ÀÇ
$msql = "SELECT a.link FROM mBoard_menual_link AS a WHERE a.pidx = '{$info[idx]}' $where4 ORDER BY idx ASC";
$mres = mysql_query($msql,$connect_web);

// ¸Å´º¾ó
$csql = "SELECT a.title, a.content FROM mBoard_menual_content AS a WHERE a.pidx = '{$info[idx]}' $where2 ORDER BY idx ASC";
//echo $csql;
$cres = mysql_query($csql,$connect_web);
?>



<div style="padding: 15px 0px;">
    <div class="wrap" style="display: flex;justify-content: space-between;">
        <?php include("./left_navi.inc.php"); ?>

        <?php if($err == "") { ?>

        <div class="content_section">
            <div class="tit_bar">
                <span>
                    <!--Ä«Å×°í¸®³» °Ë»öÃ¢, 23.11.13 ³²»óº¹ ¼öÁ¤-->
                    <div class="cate_sch_bar" style="float: right;">
                        <input type="text" name="stc2" id="manual_cate_sch" value="<?php echo $stc2; ?>" placeholder="<?php echo $stxt; ?>³» °Ë»ö">
                        <label for="manual_cate_sch"><img src="../img/web_manual/icon_sch02.svg" alt="°Ë»ö¾ÆÀÌÄÜ" class="searchbtn2"></label>
                    </div>

                </span>
                <h3 class="content_tit">
                    <?php echo $info['title']; ?>
                </h3><!--±ÛÁ¦¸ñ(±â´É¸í)-->
            </div>
            <div class="movie_guide">
                <h3 class="manual_tit"><img src="../img/web_manual/icon_movieguide.png" alt="µ¿¿µ»ó°ÀÇ_¾ÆÀÌÄÜ" style="margin-right: 10px;margin-top: -2px;">µ¿¿µ»ó °ÀÇ</h3>
                <div class="manual_movie">
                    <?php while($minfo = mysql_fetch_array($mres)) { ?>
                    <iframe width="296" height="250" src="<?php echo $minfo['link']; ?>" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
                    <?php } ?>
                    
                    <?php 
                        $total2 = mysql_num_rows($mres);
                        $total3 = mysql_num_rows($cres);
                        $total4 = mysql_num_rows($fres);
                        if($total2 == 0 && $total3 == 0 && $total4 == 0){
                    ?>
                    <div style="text-align: center;padding: 20px 0px;"><img src="../img/web_manual/update_schedule.png" alt="°ÔÀç ÁØºñÁß" ></div>
                    <?php 
                        }
                    ?>

                </div>
            </div>
            <div class="manual_body">
                <h3 class="manual_tit"><img src="../img/web_manual/icon_manual.png" alt="»ó¼¼¸Å´º¾ó_¾ÆÀÌÄÜ" style="margin-right: 10px;margin-top: -2px;">»ó¼¼ ¸Å´º¾ó</h3>

                <?php while($cinfo = mysql_fetch_array($cres)) { ?>
                <div class="manual_box" style="margin-top: 30px;">
                    <h3 class="manual_tit_sub hover-underline-animation" style="margin-bottom: 0px;" title="Å¬¸¯ÇÏ½Ã¸é »ó¼¼¸Å´º¾óÀÌ ³ª¿É´Ï´Ù.">
                        <img src="../img/web_manual/icon_manual_body.png" alt="º»¹® ¾ÆÀÌÄÜ" style="margin-right: 5px;margin-top: -2px;">
                        <?php echo $cinfo['title']; ?>
                    </h3>
                    <div class="manual_content">
                        <?php echo $cinfo['content']; ?>
                    </div>
                </div>
                <?php } ?>

                <?php 
                    $total2 = mysql_num_rows($mres);
                    $total3 = mysql_num_rows($cres);
                    $total4 = mysql_num_rows($fres);
                    if($total2 == 0 && $total3 == 0 && $total4 == 0){
                ?>
                <div style="text-align: center;padding: 20px 0px;"><img src="../img/web_manual/update_schedule.png" alt="°ÔÀç ÁØºñÁß" ></div>
                <?php 
                    }
                ?>

            </div>
            <div class="manual_faq" style="border-bottom: 0px;">
                <h3 class="manual_tit" style="margin-bottom: 0px;"><img src="../img/web_manual/icon_faq02.png" alt="Áú¹®¾ÆÀÌÄÜ" style="margin-right: 10px;margin-top: -2px;">ÀÚÁÖ ÇÏ´Â Áú¹®</h3>
                <ul>
                    <?php 
                        $total = mysql_num_rows($fres);
                        while($finfo = mysql_fetch_array($fres)) { 
                    ?>
                    <li class="faq_li">
                        <div class="faq_tit">
                            <span><img src="../img/web_manual/icon_qst.png" style="margin-right: 10px;"><?php echo $total."."; ?> <?php echo $finfo['question']; ?></span><!-- // ÇöÀçÈ¸é¿¡¼ º¸ÀÌ´Â ¼ø¹ø + qnaÁú¹®¸í(css¼Ó¼ºÀ¸·Î ÁÙÀÓ¸»Ã³¸®µÊ) -->
                            <span><em>º¸±â</em><img src="../img/web_manual/icon_up_down.svg" alt=""></span>
                        </div>
                        <div class="faq_content">
                            <p class="mark">Q. <?php echo $finfo['question']; ?></p><!--'Q.' + qnaÁú¹®¸í ÀüÃ¼-->
                            <p class="mark">A. <?php echo $finfo['answer']; ?></p>
                            <!--ÀÌÈÄ ½ÇÁ¦ ´äº¯³»¿ë-->
                        </div>
                    </li>
                    <?php 
                            $total --;
                        } 
                    ?>
                    <?php 
                        $total2 = mysql_num_rows($mres);
                        $total3 = mysql_num_rows($cres);
                        $total4 = mysql_num_rows($fres);
                        if($total2 == 0 && $total3 == 0 && $total4 == 0){
                    ?>
                    <li style="text-align: center;padding: 20px 0px;"><img src="../img/web_manual/update_schedule.png" alt="°ÔÀç ÁØºñÁß" ></li>
                    <?php 
                        }
                    ?>
                </ul>
            </div>
        </div>

        <?php } else { ?>

        <div class="content_section">
            <p><?php echo $err; ?></p>
        </div>

        <?php } ?>
    </div>
</div>

<script>
$(function(){
    $('.faq_li').click(function(){
        if($(this).hasClass('on')){ //ÀÚÁÖÇÏ´Â Áú¹® È°¼ºÈ¿©ºÎ
            $('.faq_li').removeClass('on');
            $(this).find("em").html("º¸±â");
        } else {
            $('.faq_li').removeClass('on');
            $('.faq_li').find("em").html("º¸±â");

            $(this).addClass('on');
            $(this).find("em").html("´Ý±â");
        }
    });

    $('.manual_box .manual_tit_sub').click(function(){ //¸Å´º¾óº»¹® È°¼ºÈ¿©ºÎ
        var manual = $(this).parent('.manual_box');

        if(manual.hasClass('on')){
            manual.removeClass('on');
        } else {
            manual.addClass('on');
        };
    });

    $(".searchbtn2").click(function(){
        var val = $("input[name='stc2']").val();
        document.location.href = "./func_detail.php?<?php echo $qstr_word;?>&stc2="+val;
    });

    $("input[name='stc2']").keypress(function(){
        if(event.keyCode==13){
            $(".searchbtn2").click();
        }
    });
});
</script>



<?php include("./manual_footer.php")?>