webadmin.php

/home/mjc1/public_html/html/m/customerprice.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{display:flex;gap:10px;width:100%;margin-bottom:10px;}
    .estimate_input_box ul li h1{width:85px;font-size:14px;font-weight:600;text-align:left;line-height:30px;display:inline-block;}
    .estimate_input_box ul li input[type=text],.estimate_input_box ul li input[type=tel]{height:30px;border-color:#888888;}
    .estimate_tel{width:100%;height:30px;display:flex;align-items:center;}
    .estimate_input_box ul li input[type=tel]{width:26%;height:30px;}
    .estimate_tel input[type="tel"]{width:50px !important;box-sizing:border-box;}
    .estimate_tel input[type="text"][name="txtemail"]{width:70%;height:30px;box-sizing:border-box;}
    .estimate_tel span{text-align:center;display:inline-block;}
    .estimate_input_box li textarea{width:100%;box-sizing:border-box;padding:2.5%;height:80px;font-size:13px;border-color:#888888;}
    .estimate_tel label {font-size:14px; width:66px; flex-shrink:0; gap:5px; font-weight:600; display:flex; align-items:center; margin-right:5px; white-space:nowrap;}
    .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;}
    .ui-dialog 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;}
    .inflow_area ul{display:inline-block;width:100%;margin-bottom:5px;margin-top:5px;}
    .inflow_area li{margin-right:10px;display:inline;}
    .inflow_area label{font-size:14px;}
    .inflow_area .edc_chk{width:16px !important;height:16px !important;vertical-align:top;}
    .placeholder-style {
  color: #999;
}
</style>
        <div class="estimate_con" > 
            <!--견적요청 상단-->
            <div>
                <p><img src="./images/order/customerprice_tit.png" class="estimate_tit" alt="구매상담요청"></p>
                <p class="estimate_tit_sub">제품구매와 관련된 견적을 등록해주세요.</p>
                <p><img src="./images/install/install_phone.png" style="max-width:40%;" alt="구매문의번호"></p>
                <div class="estimate_txt">
                    <p>전화설명이 필요한 경우 근무시간에 전화 드리겠습니다.</p>
                    <p>견적서는 팩스 또는 E-Mail로 전송(24시간 내)되며,<br>
                    전송후 문자 또는 전화드리겠습니다.</p>
                    <p><span class="red">*</span> 는 필수 항목입니다.</p>
                </div>
            </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="width:70%">
                        </li>
                        <!-- <li>
                            <h1><span class="red">*</span> 담당자명</h1>
                            <input type="text" name="name" style="width:70%">
                        </li> -->

                        <li class="contact_methods" style="display:block;">
                            <h1 style="width:100%"><span class="red">*</span> 견적서수신방법</h1>
                            <div style="  border: 2px solid #ddd; padding:10px; border-radius:10px; box-sizing:border-box">
                                <!-- 전화 -->
                                <div class="estimate_tel" style="margin-bottom:5px;">
                                    <label><input type="checkbox" name="hp_chk" value="1"> 전 화</label>
                                    <input name="tel1" type="tel" maxlength="3">
                                    <span>-</span>
                                    <input name="tel2" type="tel" maxlength="4">
                                    <span>-</span>
                                    <input name="tel3" type="tel" maxlength="4">
                                    <label style="margin-left:10px"><input type="checkbox" name="massage_chk" value="1"> 문 자</label>
                                </div>

                                <!-- 팩스 -->
                                <div class="estimate_tel" style="margin-bottom:5px;">
                                    <label><input type="checkbox" name="fax_chk" value="1"> 팩 스</label>
                                    <input name="fax1" type="tel" maxlength="4">
                                    <span>-</span>
                                    <input name="fax2" type="tel" maxlength="4">
                                    <span>-</span>
                                    <input name="fax3" type="tel" maxlength="4">
                                </div>
                                <!-- 이메일 -->
                                <div class="estimate_tel">
                                    <label><input type="checkbox" name="mail_chk" value="1"> 이메일</label>
                                    <input type="text" name="txtemail" style="width:70%;height:30px;">
                                </div>
                            </div>
                        </li>

                        <!-- <li class="inflow_area">
                            <h1><span class="red">*</span> 유입경로</h1>
                            <input type="hidden" name="inflow_txt" value="">
                            <ul>
                                <li>
                                    <label for="check1">검색</label>
                                    <input id="check1" class="edc_chk" type="checkbox" name="inflow_chk" value="검색">
                                </li>
                                <li>
                                    <label for="check2">인터넷자료</label>
                                    <input id="check2" class="edc_chk" type="checkbox" name="inflow_chk" value="인터넷자료">
                                </li>
                                <li>
                                    <label for="check3">지인추천</label>
                                    <input id="check3" class="edc_chk" type="checkbox" name="inflow_chk" value="지인추천">
                                </li>
                                <li>
                                    <label for="check4">유튜브</label>
                                    <input id="check4" class="edc_chk" type="checkbox" name="inflow_chk" value="유튜브">
                                </li>
                                <li>
                                    <label for="check5">기타</label>
                                    <input id="check5" class="edc_chk" type="checkbox" name="inflow_chk" value="기타">
                                </li>
                            </ul>
                        </li> -->

                        <li style="display:block;">
                            <h1 style="width:100%;"><span class="red">*</span> 견적요청내용</h1>
                            <textarea cols="82" rows="13" name="content1" onclick="clear_text()" id="content1">찾으시는 제품이나 귀사의 업무를 간단히 적어주세요!</textarea>
                        </li>
                    </ul>
                </div>

                <!-- 개인정보동의 -->
                <div class="estimate_agree">
                    <p class="agree">
                        <input type="checkbox" id="agree">
                        <label for="agree">&nbsp;개인정보 수집에 동의함</label>
                        <a href="http://mjsoft.co/html/millennium/privacy.php" target="_blank" class="gray_btn2">
                            <span class="white">개인정보취급방침</span>
                        </a>
                    </p>
                    <? include("./privacy_text.html"); ?>
                    <span class="small">※ 수집된 정보는 해당 목적 외 다른 용도로 사용되지 않습니다.</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;}
            </style>
            <div class="estimate_input_btn">
                <p class="cus_btn_on"><a onclick="FrmCh()">견적요청</a></p>
                <p class="cus_btn_off"><a class="show_program_est" style="cursor: pointer;">나에게 맞는<br>제품찾기</a></p>
                <p class="cus_btn_off"><a href="http://mjsoft.co/html/m/right_install.php">구매<br>상담요청</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>
        <div id="modal_member_box3" style="display:none;padding-top:25px;padding-left:12px;padding-right:12px;position:relative;"></div><!--//팝업창-->
        <!--리스트-->
        <? include("./customer_list.php"); ?>
<script>
$(function() {

$(".list_total_cnt").html("<?php echo number_format($nTotalCount); ?>");

  var $textarea = $('#content1');
  var defaultText = '찾으시는 제품이나 귀사의 업무를 간단히 적어주세요!';

  // 초기 상태 세팅
  if ($.trim($textarea.val()) === '' || $textarea.val() === defaultText) {
    $textarea.val(defaultText).addClass('placeholder-style');
  }

  // 포커스 시 기본 텍스트 제거
  $textarea.focus(function(){
    if ($(this).val() === defaultText) {
      $(this).val('').removeClass('placeholder-style');
    }
  });

  // 포커스 아웃 시 내용 없으면 다시 기본 텍스트
  $textarea.blur(function(){
    if ($.trim($(this).val()) === '') {
      $(this).val(defaultText).addClass('placeholder-style');
    }
  });


    // 공통 처리 함수
    function bindAutoMove(inputNames) {
        inputNames.forEach((name, i) => {
            $(`input[name="${name}"]`).on('input', function() {
                let val = $(this).val().replace(/[^0-9]/g, ''); // 숫자만
                $(this).val(val);
                if (val.length === parseInt($(this).attr('maxlength'))) {
                    if (i + 1 < inputNames.length) {
                        $(`input[name="${inputNames[i + 1]}"]`).focus();
                    }
                }
            });
        });
    }

    // 전화번호 입력 필드 자동 이동
    bindAutoMove(['tel1', 'tel2', 'tel3']);
    bindAutoMove(['fax1', 'fax2', 'fax3']);
});

$(document).ready(function() {
 // 전화와 문자 체크박스를 배타적으로 설정
  $('input[name="hp_chk"]').on('change', function() {
    if ($(this).is(':checked')) {
      $('input[name="massage_chk"]').prop('checked', false);
    }
  });

  $('input[name="massage_chk"]').on('change', function() {
    if ($(this).is(':checked')) {
      $('input[name="hp_chk"]').prop('checked', false);
    }
  });
});
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;
    } */
    
    if( jointinsertFrm.tel1.value == ""){
        alert("전화 번호를 입력하세요.");
        jointinsertFrm.tel1.focus();
        return;
    }

    /*var inflow_txt = "";
    var inflow_cnt = 0;
    $("input[name='inflow_chk']").each(function(){
        if($(this).is(":checked") == true) {
            inflow_cnt++;
            inflow_txt += $(this).val()+",";
        }
    });

    if(inflow_cnt <= 0) {
        alert("유입경로를 선택해주세요."); return;
    }

    if(inflow_txt != "") {
        inflow_txt = inflow_txt.substr(0, inflow_txt.length - 1);
        $("input[name='inflow_txt']").val(inflow_txt);
    }*/

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

    // 25.06.05 전화 문자 둘 중 하나만 체크
    $('input[name="method_tel"], input[name="method_sms"]').on('change', function() {
        if ($(this).is(':checked')) {
            $('input[name="method_tel"], input[name="method_sms"]').not(this).prop('checked', false);
        }
    });
});

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");?>