1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
|
<?php
include_once("./_common3.php");
?>
<div id="install">
<div class="tip">
<p>1.도입 전 <span class="orange">데모(시험판)설치만</span> 지원됩니다.</p>
<p>2.설치(교육)요청 후 <span class="orange">20분 내 전화</span> 드립니다.<br>
<span class="small">- 업무시간외 요청은 업무시작 후 전화 드립니다.</span>
</p>
<p>3. 정품설치는 홈페이지 [질문/답변]을 이용해 주세요</p>
<p class="blue">즉시문의 : 02) 401-5121 / 1566-8680</p>
</div>
<form name='install_form' method='post' action='?' onsubmit='return false;'>
<input type="hidden" name='smtitle' id="smtitle" value='<?php echo $smtitle;?>' size=1>
<input type='hidden' name='come_from' value='mjmall.co'>
<table class="joinTable">
<caption class="screen_out">설치요청신청</caption>
<colgroup>
<col style="width:120px"><col style="width:335px">
</colgroup>
<tbody>
<tr>
<th class="top_bd">상호명</th>
<td class="top_bd"><input type="text" name='smname' placeholder="상호" id="shop"></td>
</tr>
<tr>
<th>담당자명</th>
<td><input type="text" name='telname' placeholder="담당자명" id="name"></td>
</tr>
<tr>
<th>전화번호</th>
<td><input type="text" name='smtel' placeholder="전화번호" id="tel"></td>
</tr>
<tr>
<th>요청시간</th>
<td>
<input type="radio" class="ct_time" name="contact_time" value='1' checked> 20분이내 연락요망<br>
<input type="radio" class="ct_time"name='contact_time' value='0'> 다른시간 : <input type="text" class="calendar" name='ct_date' style="border:1px solid #2781fd;" id='ct_date' placeholder="달력선택" readonly><span></span></button><!--calendar icon-->
<label for="checkbox_2_1" class="checkbox_con2">
<select name='ct_hour' id='ct_hour'>
<option value="">시</option>
<option value="09">09시</option>
<option value="10">10시</option>
<option value="11">11시</option>
<option value="13">13시</option>
<option value="14">14시</option>
<option value="15">15시</option>
<option value="16">16시</option>
<option value="17">17시</option>
</select>
<select name='ct_minute' id='ct_minute'>
<option value="">분</option>
<option value="00">00분</option>
<option value="10">10분</option>
<option value="20">20분</option>
<option value="30">30분</option>
<option value="40">40분</option>
<option value="50">50분</option>
</select>
</td>
</tr>
</tbody>
</table>
<div class="btnArea"><a class="submit_btn btnGreen">원격설치(교육)요청</a></div>
</form>
<p class="txt">설치요청을 하시면 <span class="orange">원격설치 및 기본교육을 지원</span>해 드립니다.</p>
<p class="agree"><input type="checkbox" id="agree"><label for="agree">개인정보 수집에 동의함</label><a href="./privacy.php" target="_blank" class="gray_btn">개인정보취급방침</a></p>
<p class="comment">※ 수집된 정보는 해당 목적 외 다른 용도로 사용되지 않습니다.</p>
</div><!--//install-->
<script>
$(function(){
$("#ct_date").datepicker({
showOn: "button",
buttonImage: "http://mjsoft.co/html/millennium/img/buy/install_calendar_btn.png",
buttonImageOnly: true,
buttonText: "Select date",
dateFormat: "yy-mm-dd",
changeMonth: true,
changeYear: true,
monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],
monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],
dayNames: ['일','월','화','수','목','금','토'],
dayNamesShort: ['일','월','화','수','목','금','토'],
dayNamesMin: ['일','월','화','수','목','금','토'],
showMonthAfterYear: true,
yearSuffix: '년'
});
setTimeout(function(){
//$("#modal_member_box").css("height","450px");
},200);
$("input[name='contact_time']").eq(1).click(function(){
$(".calendar").val('<?php echo date("Y-m-d",time());?>');
});
})
$(".submit_btn").click(function(){
if($("#shop").val()==''){
alert('상호명을 입력하세요.'); return;
}
if($("#name").val()==''){
alert('담당자명을 입력하세요.'); return;
}
if($("#tel").val()==''){
alert('전화번호를 입력하세요.'); return;
}
if($("input[name='contact_time']").eq(1).is(":checked")==true){
if($("#ct_date").val()==''){ alert('일자를 선택해주세요.'); return; }
if($("#ct_hour option:selected").val()==''){ alert('시간을 선택해주세요.'); return; }
if($("#ct_minute option:selected").val()==''){ alert('분을 선택해주세요.'); return; }
}
if($("#agree").is(":checked")==false){
alert('개인정보 수집에 동의함 체크를 하시기 바랍니다.'); return;
}
form_data = $("form[name='install_form']").serialize();
$.ajax({type:"post", url:"ajax.install_req.process.php", data:form_data, async:false, dataType : "xml",
success:function(xml){
var v_mode = $(xml).find("mode").text();
var v_mode_ok = $(xml).find("mode_ok").text();
var v_msg = $(xml).find("msg").text();
var v_pt = $(xml).find("pt").text();
var v_contact_time = $(xml).find("contact_time").text();
if(v_mode_ok=='Y'){
alert('설치요청 되었습니다, '+v_contact_time+'드리겠습니다.');
$("#modal_member_box").dialog("close");
} else {
alert(v_msg);
}
},
error:function(rtn,status,error){ alert(error); }
});
});
</script>
<style>
#install {padding:10px 0 0 10px;z-index: 100;}
#install .notice {margin:0 0 7px;color:#555;font-size:15px;text-align:center;line-height:120%;}
#install .notice span {font-weight:600;}
#install .tip {margin:0 0 7px;color:#555;font-size:15px;text-align:center;line-height:120%;}
#install .tip span {font-weight:600;}
#install .tip .small {font-size:13px;font-weight:400;}
/*#install .tip .blank {text-indent:15px;}*/
#install .joinTable {display:block;margin:10px 0 0;}
#install .joinTable th {height:40px;}
#install .joinTable td {padding:5px 0 5px 15px;}
#install input[type=text] {width:200px;}
#install .btnArea {display:block;padding:15px 0 0;width:100%;height:45px;text-align:center;}
#install .btnArea .submit_btn {margin:0 auto;text-align:center;}
#install .txt {margin:10px 0 0;font-size:14px;text-align:center;}
#install .agree {padding:10px 0;font-size:13px;text-align:center;font-weight:600;}
#install .agree label {margin-left:5px;cursor:pointer;}
#install .agree .gray_btn {margin-left:10px;padding:3px 5px;text-decoration:none;background:#DDD;}
#install .comment {font-size:13px;text-align:center;}
/* #checkbox */
.checkbox_con{font-size:14px;text-align:center;font-weight:600;}
.checkbox_con1{font-size:14px;text-align:center;font-weight:600;color:#000;}
.checkbox_time{width:20px;font-size:12pt;color:#2781fd;border:1px solid #2781fd;z-index:999;}
.checkbox_call{text-align:left; padding-top:15px;}
.calendar{position:relative;width:80px !important;height:15px;border:1px solid #2781fd;color:#000;z-index:999;}
/* #calendar */
#calendar_btn{width:20px; height:19px;border: 0; padding:0;overflow:hidden; position:relative;left:3px;top:5px;cursor:pointer;}
#calendar_btn span{background: url(./img/buy/install_calendar_btn.png) no-repeat;width:20px;height:20px;position: absolute;top:0px;left:0px;}
/* time-select */
select{position:relative;width:60px;height:21px;top:0.5px;margin:0px;color:#000; border:1px solid #2781fd; border-radius:0px;font-size:12pt;
background: url(./img/buy/install_calendar_arrow.png) no-repeat 100% 50%;-webkit-appearance:none; appearance:none;}
select::-ms-expand{display:none;}
#ct_date { font-size:0.9em;}
.ct_time {position:relative; top:3.5px;}
#ct_hour, #ct_minute { width:50px; }
.btnGreen{font-size:12px;}
</style>
|