webadmin.php

/home/mjc1/public_html/html/m/customerprice_old01.php

<? include("./include/header.php"); ?>
<script src="http://mattstow.com/experiment/responsive-image-maps/jquery.rwdImageMaps.min.js"></script>
    </div>

<style>
.estimate_con{margin:0 auto;text-align:center;}
.estimate_txt{background:#eee;font-size:13px;text-align:left;padding:20px 0 20px 5%;margin:15px 0;}
.estimate_txt p{margin-bottom:5px;}
.estimate_txt p:before{content:'●';font-size:6px;position:relative;top:-1px;margin-right:5px;}
.estimate_tit{max-width:50%; margin-top:20px;}
.estimate_tit_sub{margin:15px 0 15px;font-size:15px;font-weight:600;}
.estimate_input_box ul{width:90%;text-align:left;margin:0 auto;}
/* .estimate_input_box ul li{width:100%;margin-bottom:10px;} */
/* .estimate_input_box ul li h1{width:20%;text-align:left;line-height:30px;    display: inline-block;}
.estimate_input_box ul li input{height:30px;border-color:#888888;}
.estimate_tel{width:80%;height:30px;    display: inline-block;}
.estimate_tel input{width:26%;height:30px;}
.estimate_tel span{width:8%;text-align:center;display: inline-block;}
.estimate_input_box li textarea{width:99%;height:200px !important;width: 100%;box-sizing:border-box;padding: 2.5%;height: 80px;box-sizing: border-box;font-size:13px;border-color:#888888;} */

/*개인정보동의*/
/* .estimate_agree > .agree{margin-bottom:20px;margin-top:30px;} */
.estimate_agree > .agree label{font-size:11pt;font-weight:bold;}    
/*요청하기 버튼*/
.install_btn{ background-color:#585cbd;color:white;padding:12px;margin:10px 0;border:none;width:100%;border-radius:3px;cursor:pointer;font-size:17px;margin:20px 0 30px;font-weight:bold;}
.estimate_con input, .estimate_con option, .estimate_con textarea{padding:0;border-radius:0;}
.white {color: #fff;padding: 5px 10px;font-size: 13px;background: #585757;cursor: pointer;}
.small {font-size: 13px;font-weight: 400;margin: 10px 0;display: block;}
.estimate_input_btn{display: table;margin: 0 auto;margin-top:20px;margin-bottom:20px;}
.estimate_input_btn p a{cursor:pointer;}
.float_div_class{display:none;}
/*제품찾기 아이프레임 사이즈 축소*/
iframe{    -ms-zoom: 0.38;
    -moz-transform: scale(0.38);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.38);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.38);
    width: 850px;
    height: 700px;
    -webkit-transform-origin: 0 0;
    position: absolute;
    top: 10px;
    left: 0;}
#modal_member_box{overflow:hidden}

/*23.09.07 수정*/
.estimate_input_box{margin-top: 20px;}
.estimate_input_box > .phone_list #phone1, .estimate_input_box > .phone_list #phone2, .estimate_input_box > .phone_list #phone3{box-sizing:border-box;}

.estimate_input_box ul li{width:100%;}
.estimate_input_box li > h1{margin:15px 0 10px;font-size:16px;line-height: 20px;font-weight:bold;}
.estimate_input_box input[type=text], .estimate_input_box  input[type=tel]{box-sizing:border-box;border: 2px solid #E0E0E0;border-radius: 0px;width: 100%;height: 40px;line-height: 38px;background: #fff;}
.estimate_input_box input[type=text]:focus, .estimate_input_box  input[type=tel]:focus{background-color: #fff;outline: none;}
.estimate_input_box select{width:70px; height:40px;box-sizing:border-box;border: 2px solid #E0E0E0;border-radius: 0px;height: 40px;line-height: 38px;background: url("./images/common/select.png") no-repeat 100% -144px;}
.estimate_input_box option{font-size: 16px;line-height: 38px;}

.estimate_tel{display: flex;justify-content: space-between;}
.estimate_tel span{line-height: 40px;}
.estimate_tel select, .estimate_tel input[type="tel"]{width: calc((100% - 36px)/3);}

.estimate_input_box .phone_list{margin-bottom: 10px;display: flex;justify-content: space-between;}
.estimate_input_box .phone_list > div{float: right;width: 74%;display: flex;justify-content: space-between;flex-wrap: wrap;line-height: 40px;}
.estimate_input_box .phone_list select, .estimate_input_box .phone_list input[type=tel]{width: calc((100% - 30px)/3);height: 40px;}

.estimate_input_box .fax_list{margin-bottom: 10px;display: flex;justify-content: space-between;}
.estimate_input_box .fax_list > div{float: right;width: 74%;display: flex;justify-content: space-between;flex-wrap: wrap;line-height: 40px;}
.estimate_input_box .fax_list select, .estimate_input_box .fax_list input[type=tel]{width: calc((100% - 30px)/3);height: 40px;}
input[name="tel_use_chk"] + label{background: url('./images/order/tel_use_chk.svg') no-repeat 0%;background-size: contain;}
input[name="tel_use_chk"]:checked + label{background: url('./images/order/tel_use_chk_on.svg') no-repeat 0%;background-size: contain;}

.estimate_input_box .email_list{display: flex;justify-content: space-between;}
.estimate_input_box .email_list input[name=txtemail]{width: 74%;float: right;}
.phone_list::after, .email_list::after{content: '';display: block;clear: both;}

input[name="hp_chk"] + label, input[name="mail_chk"] + label, input[name="fax_chk"] + label{display: block;width: 26%;height: 40px;}
input[name="hp_chk"] + label{background: url('./images/install/btn_phone_chk.svg') no-repeat 0%;background-size: contain;}
input[name="hp_chk"]:checked + label{background: url('./images/install/btn_phone_chk_on.svg') no-repeat 0%;background-size: contain;}
input[name="mail_chk"] + label{background: url('./images/install/btn_mail_chk.svg') no-repeat 0%;background-size: contain;}
input[name="mail_chk"]:checked + label{background: url('./images/install/btn_mail_chk_on.svg') no-repeat 0%;background-size: contain;}
input[name="fax_chk"] + label{background: url('./images/order/btn_fax_chk.svg') no-repeat 0%;background-size: contain;}
input[name="fax_chk"]:checked + label{background: url('./images/order/btn_fax_chk_on.svg') no-repeat 0%;background-size: contain;}

.estimate_input_box textarea{width: 100%;height: 200px;box-sizing: border-box;padding: 10px;border: 2px solid #E0E0E0;border-radius: 0px;resize: none;background: #fff;}
.estimate_input_box textarea:focus{background-color: #fff;outline: none;}

/*개인정보동의*/
.estimate_agree{width: 90%;margin: 0 auto;}
.estimate_agree > .agree{margin-top: 15px;margin-bottom: 10px;text-align: left;}
.estimate_agree > .agree label{font-size:11pt;font-weight:bold;display: inline-block;}
.estimate_agree textarea{width: 100% !important;font-size: 12px;}
#agree + label{width: 52%;max-width: 168px;height: 28px;background: url('./images/install/btn_install_agree.svg') no-repeat 0%;background-size: contain;}
#agree:checked + label{background: url('./images/install/btn_install_agree_on.svg') no-repeat 0%;background-size: contain;}
.btn_privacy{background: url('./images/install/btn_privacy.svg') no-repeat 0%;background-size: contain;}

/*요청하기 버튼
.install_btn{ background-color:#585cbd;color:white;padding:12px;margin:10px 0;border:none;width:100%;border-radius:3px;cursor:pointer;font-size:17px;margin:20px 0 30px;font-weight:bold;}*/
.edc_chk{width: 20px;height: 20px;position: relative;top: 7px;border: 0;padding: 0;}
em.orange{color: #FF8845;}

/* 커서 올라가면 사라지게 */
textarea[name="content1"]:focus::placeholder{color: transparent;}
textarea[name="content1"]:focus:-ms-input-placeholder{color: transparent;}
textarea[name="content1"]:focus::-ms-input-placeholder{color: transparent;}
</style>
        <div class="estimate_con" style="margin-top:50px;padding: 0px !important;">
            <!--견적요청 상단-->
            <div class="install_top" style="width: 100%;height: 234px;padding: 0px;position: relative;background: #D2E6EA;overflow: hidden;">
                <img src="./images/order/customerprice_title2.svg" alt="구매상담요청" style="position: absolute;left: 50%;transform: translateX(-50%);top: 19px;z-index: 9;">
                <img src="./images/order/customerprice_title2_left.png" alt="구매상담요청배경" style="position: absolute;left: 0px;bottom: 0px;">
                <img src="./images/order/customerprice_title2_right.png" alt="구매상담요청배경" style="position: absolute;right: 0px;bottom: 0px;">
            </div>
<form name="jointinsertFrm" method="post" action='' id="jointinsertFrm">            
            <input type='hidden' name='mode' value='mobile'>
            <input type="hidden" name="clicktime" id="clicktime" value="0">
            <input type='hidden' name='come_from' value='<?php echo $_GET['come_from'];?>'>
            <!--견적요청 작성-->
            <div class="estimate_input_box">
                <ul>
                    <li>
                        <h1>상호명 <span class="red">*</span></h1>
                        <input type="text" name="subject" style="padding-left: 10px;">
                    </li>
                    <li>
                        <h1>성명 <span class="red">*</span></h1>
                        <input type="text" name="name" style="padding-left: 10px;">
                    </li>
                    <li style="padding-bottom: 15px;border-bottom: 1px solid #333;">
                        <h1>전화번호 <span class="red">*</span> <span style="font-size: 13px;line-height: 20px;color: #4190d5;">(견적서 전송 후 연락받을 번호)</span></h1>
                        <div class="estimate_tel">
                            <!-- <input name="tel1" type="tel" size="4" maxlength="4"> -->
                            <select  name="tel1" id="tel1" style="padding:0 10px;">
                                <option value="010">010</option>
                                <option value="011">011</option>
                                <option value="016">016</option>
                                <option value="017">017</option>
                                <option value="018">018</option>
                                <option value="019">019</option>
                            </select>
                            <span>-</span>
                            <input name="tel2" type="tel" size="4" maxlength="4" style="padding-left: 10px;" onkeyup="moveFocus(4, this, this.form.tel3);"><span>-</span>
                            <input name="tel3" type="tel" size="4" maxlength="4" style="padding-left: 10px;">
                        </div>
                    </li>
                    <li style="padding-bottom: 15px;border-bottom: 1px solid #333;">
                        <h1>수신방식 선택 <span class="red">*</span></h1>
                        <div class="phone_list">
                            <input type="checkbox" name="hp_chk" id="hp_chk" value="1" class="edc_chk" hidden><label for="hp_chk"></label>
                            <div>
                                <select id="phone1" name="smtel1" style="padding:0 10px;">
                                    <option value="010">010</option>
                                    <option value="011">011</option>
                                    <option value="016">016</option>
                                    <option value="017">017</option>
                                    <option value="018">018</option>
                                    <option value="019">019</option>
                                </select>
                                -
                                <input type="tel" id="phone2" name="smtel2" maxlength="4" style="padding:0;padding-left: 10px;" onkeyup="moveFocus(4, this, this.form.smtel3);">
                                -
                                <input type="tel" id="phone3" name="smtel3" maxlength="4" style="padding:0;padding-left: 10px;">
                                <input type="checkbox" name="tel_use_chk" id="tel_use_chk" hidden><label for="tel_use_chk" style="width: 100%;line-height: 18px;height: 18px;margin-top: 8px;"></label>
                            </div>
                        </div>
                        <div class="fax_list">
                            <input type="checkbox" name="fax_chk" id="fax_chk" value="1" class="edc_chk" hidden><label for="fax_chk"></label>
                            <div>
                                <input name="fax1" type="tel" size="4" maxlength="4" style="padding-left: 10px;" onkeyup="moveFocus(4, this, this.form.fax2);"><span>-</span>
                                <input name="fax2" type="tel" size="4" maxlength="4" style="padding-left: 10px;" onkeyup="moveFocus(4, this, this.form.fax3);"><span>-</span>
                                <input name="fax3" type="tel" size="4" maxlength="4" style="padding-left: 10px;">
                            </div>
                        </div>
                        <div class="email_list">
                            <input type="checkbox" name="mail_chk" id="mail_chk" value="1" class="edc_chk" hidden><label for="mail_chk"></label>
                            <input type="text" name="txtemail" style="padding-left: 10px;">
                        </div>
                    </li>

                    <li style="padding-bottom: 15px;border-bottom: 1px solid #333;">
                        <h1 style="width:100%;">견적요청내용 <span class="red">*</span></h1>
                        <textarea cols="82" rows="13" name="content1" onclick="clear_text()" id="content1" placeholder="천년경영3 와 천년경영3CS 제품의 차이점은 무엇인가요?&#13;&#10;&#13;&#10;저희는 회사가 여러군데 있어서 여러명이 프로그램을 동시에 사용 하고자 합니다.&#13;&#10;&#13;&#10;그리고 스마트폰 영업관리와 PDA영업관리는 어떻게 사용하나요?&#13;&#10;&#13;&#10;쇼핑몰과 도매쇼핑몰에 대한 상담도 필요합니다.&#13;&#10;&#13;&#10;도입절차와 가격에 대하여 견적을 요청합니다."></textarea>
                    </li>
                </ul>
            </div>
            
            <!--개인정보동의-->
            <div class="estimate_agree" style="padding-bottom: 15px;border-bottom: 1px solid #333;">
                <p class="agree">
                    <input type="checkbox" id="agree" hidden><label for="agree" style="font-size: 0px;float: left;margin-right: 6px;">&nbsp;개인정보 수집에 동의함</label>
                    <a href="http://mjsoft.co/html/millennium/privacy.php" target="_blank" class="gray_btn2 btn_privacy" style="display: inline-block;width: 41%;max-width: 132px;height: 28px;"><!-- <span class="white">개인정보취급방침</span> --></a>
                </p>
                <? include("./privacy_text.html"); ?>
                <span class="small" style="font-size: 12px;margin: 10px 0px 0px 0px;text-align: left;">※수집된 정보는 해당 목적 외 다른 용도로 사용되지 않습니다.</span>
            </div>
</form>
<style>
/* .estimate_input_btn{margin:0 auto;width:90%;margin-bottom:30px;display:flex;justify-content:space-between;}
.cus_btn_on{    width: 22%;
    background: #0071e5;
    height: 50px;
    line-height: 50px;
    color: #fff;
    border-radius: 15px;}
.cus_btn_off{width: 22%;
    background: #4a4c4e;
    height: 43px;
    color: #fff;
    border-radius: 15px;padding-top:7px;}
.cus_btn_on a, .cus_btn_off a{font-weight:600;font-size:13px;color:#fff;} */

.estimate_input_btn{width:90%;/* margin-left:1.5%; */margin:15px auto;display: inline-block;}
.cus_btn_on{width: 100%;background: #FF8412;height: 48px;border:none;border-radius: 8px;font-weight:600;margin-bottom: 10px;}
.cus_btn_off{width: calc((100% - 12px)/3);float: left;background: #0071E5; height: 52px;border-radius: 8px;overflow: hidden;}
.cus_btn_on, .cus_btn_off a{display: block;height: 100%;}
.cus_btn_on{font-size: 16px;line-height: 48px;}
.cus_btn_off a{font-size: 13px;line-height: 16px;color: #797979;font-weight: 600;font-size: 0px;background-color: none;}

.cus_btn_on a{font-weight: 600;color: #fff;}
.btn_prod_find a{background: url('./images/install/btn_prod_find1-2.svg') no-repeat 50%;background-size: contain;}
.btn_install a{background: url('./images/order/btn_install1.svg') no-repeat 50%;background-size: contain;}
/* .btn_est a{background: url('./images/install/btn_est1-2.svg') no-repeat 50%;background-size: contain;}
.btn_edu a{background: url('./images/install/btn_edu1-2.svg') no-repeat 50%;background-size: contain;} */
.btn_review a{background: url('./images/install/btn_review1.svg') no-repeat 50%;background-size: contain;}

</style>
            <div class="estimate_input_btn">
                <p class="cus_btn_on"><a onclick="FrmCh()">견적요청</a></p>
                <p class="cus_btn_off btn_prod_find" style="margin-right: 6px;"><a class="show_program_est" style="cursor: pointer;">제품찾기</a></p>
                <p class="cus_btn_off btn_install" style="margin-right: 6px;"><a href="http://mjsoft.co/html/m/right_install.php">구매상담</a></p>
                <p class="cus_btn_off btn_review"><a href="http://mjsoft.co/html/m/mypageevent4.php?mode=after">사용후기</a></p>
                <!-- <p class="cus_btn_off"><a href="http://mjsoft.co/html/m/customer_education.php">집체<br>교육요청</a></p> -->
            </div>
        </div>

        <div id="modal_member_box2" style="display:none;width:900px; height:615px; padding-top:15px;padding-left:17px;padding-right:3px;position:relative;"><iframe id='pop_box_iframe2'  frameborder=0 src=''></iframe></div>
        <!--리스트-->
        <? include("./customer_list.php"); ?>
<script>

function clear_text(){ 
    if(document.getElementById("clicktime").value == "0"){    //첫클릭만 삭제
        var str=""; 
        var bb=document.getElementById("content1"); 
        bb.innerHTML= str; 
        document.getElementById("clicktime").value = "1";
    }
} 

function FrmCh(){

    if( $("#agree").is(":checked")==false){
        alert('개인정보 취급방침에 동의 하셔야 합니다.');
        return ;
    }
    
    if( jointinsertFrm.subject.value == ""){
        alert("상호를 입력하세요.");
        jointinsertFrm.subject.focus();
        return;
    }
    
    if( jointinsertFrm.name.value == ""){
        alert("성명을 입력하세요.");
        jointinsertFrm.name.focus();
        return;
    }
    
    console.log(jointinsertFrm.tel1.value);
    if( jointinsertFrm.tel1.value == "" || jointinsertFrm.tel2.value == "" || jointinsertFrm.tel3.value == ""){
        alert("전화 번호를 입력하세요.");
        jointinsertFrm.tel1.focus();
        return;
    }

    /*if( jointinsertFrm.fax1.value == ""){
        alert("팩스 번호를 입력하세요.");
        jointinsertFrm.fax1.focus();
        return;
    }

    if( jointinsertFrm.txtemail.value == ""){
        alert("이메일을 입력하세요.");
        jointinsertFrm.txtemail.focus();
        return;
    }
    
    if( jointinsertFrm.hp1.value == ""){
        alert("핸드폰 번호를 입력하세요.");
        jointinsertFrm.hp1.focus();
        return;
    }*/
    
    /* 23.09.07 추가 */
    if($("input[name='hp_chk']").is(":checked")==false && $("input[name='fax_chk']").is(":checked")==false && $("input[name='mail_chk']").is(":checked")==false){
        alert('수신방식을 핸드폰, 이메일, 팩스 중에 1가지 이상 선택해주세요.'); return;
    } else {
        if($("input[name='hp_chk']").is(":checked")==true){
            if($("input[name='smtel1']").val()=='' || $("input[name='smtel2']").val()=='' || $("input[name='smtel3']").val()==''){
                alert('핸드폰번호를 입력하세요.');
                $("input[name='smtel1']").focus();
                return;
            }
        }
        if($("input[name='mail_chk']").is(":checked")==true){
            if($("input[name='txtemail']").val()==''){
                alert('이메일을 입력하세요.');
                $("input[name='txtemail']").focus();
                return;
            }
        }
        if($("input[name='fax_chk']").is(":checked")==true){
            if($("input[name='fax1']").val()=='' || $("input[name='fax2']").val()=='' || $("input[name='fax3']").val()==''){
                alert('팩스번호를 입력하세요.');
                $("input[name='fax1']").focus();
                return;
            }
        }
    }        
    
    if(document.getElementById("clicktime").value == "0"){
        alert('견적요청샘플 내용은 저장 할 수 없습니다.');
        return ;
    }
    
    if(document.getElementById("content1").value == ""){
        alert('견적요청내용을 입력해 주십시오.');
        return ;
    }

    //jointinsertFrm.target = "jointIframe";
    jointinsertFrm.action = "/html/millennium/consultationBoardP.php";
    jointinsertFrm.submit();
    
}

function Msg(txt) {
    
    alert(txt);
    location.href = "customerprice.php";

}

function moveFocus(num, fromform, toform) {
    var str = fromform.value.length;
    if(str == num){
        toform.focus();
    }
}

$(function(){
    $(".show_program_est").css("cursor","pointer").click(function(){ //엠제이 소프트란 팝업처리
        main_popup_show("http://mjsoft.co/html/millennium/index_new_program_new2.php","380","320","나에게 맞는 제품찾기");
    });

    //$("#jointinsertFrm input, #jointinsertFrm textarea").click(function(){
        //$(".float_div_class").hide();
    //});
    //$("#jointinsertFrm input, #jointinsertFrm textarea").blur(function(){
        //$(".float_div_class").show();
    //});

    $("input[name='tel_use_chk']").click(function(){ //등록한 전화번호 사용
        if($(this).is(":checked") == true){
            $("select[name='smtel1']").val($("select[name='tel1']").val());
            $("input[name='smtel2']").val($("input[name='tel2']").val());
            $("input[name='smtel3']").val($("input[name='tel3']").val());
        } else {
            $("input[name='smtel1']").val('');
            $("input[name='smtel2']").val('');
            $("input[name='smtel3']").val('');
        }
    })
});

function main_popup_show(url,v_width,v_height,v_title){
    $("#pop_box_iframe2").attr("src","");
    $("#modal_member_box2").dialog({
        resizable: true, height:v_width, width:v_height, modal: true, title: v_title,
        show : {effect:'blind',duration:500},
        buttons: {
            닫기: function() {
                $( this ).dialog( "close" );
            }
        },
        close: function() {
            $("#pop_box_iframe2").attr("src","");
        }
    });
    setTimeout(function(){
        $("#pop_box_iframe2").attr("src",url);        
    },500);
}


function dialog_close(){
    $("#modal_member_box2").dialog( "close" );
}
</script>

<?include("./include/footer.php");?>