메인화면에 이메일전송을 넣었는데 오류가 납니다 ..ㅠㅠ
본문
다입력하고난후, send를 누르면 jquery-1.12.4.min.js?ver=191202:4 POST http://viewit04.cafe24.com/theme/peach/html/contact_mail_x.php 500 (Internal Server Error)
이란 오류가 나오면서 메일전송이 되지않습니다.
방법이있을까요~ㅠ 엄청초보입니다..
html은 올려놓겠습니다!
<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_THEME_MOBILE_PATH.'/head.php');
include_once(G5_CAPTCHA_PATH . '/captcha.lib.php');
$captcha_html = captcha_html();
$captcha_js = chk_captcha_js();
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/css/main.css">', 0);
?>
<section id="section01">
<div class="typing-area">
<div class="typing-txt">
<ul>
<li>SOGUEM</li>
<li>LIFE</li>
<li>WEB</li>
</ul>
</div>
<p class="typing"></p>
</div>
</section>
<script>
var typingBool = false;
var typingIdx=0;
var liIndex = 0;
var liLength = $(".typing-txt>ul>li").length;
// 타이핑될 텍스트를 가져온다
var typingTxt = $(".typing-txt>ul>li").eq(liIndex).text();
typingTxt=typingTxt.split(""); // 한글자씩 자른다.
if(typingBool==false){ // 타이핑이 진행되지 않았다면
typingBool=true;
var tyInt = setInterval(typing,200); // 반복동작
}
function typing(){
if(typingIdx<typingTxt.length){ // 타이핑될 텍스트 길이만큼 반복
$(".typing").append(typingTxt[typingIdx]); // 한글자씩 이어준다.
typingIdx++;
} else{ //한문장이끝나면
//다음문장으로.. 마지막문장이면 다시 첫번째 문장으로
if(liIndex>=liLength-1){
liIndex=0;
}else{
liIndex++;
}
//다음문장을 타이핑하기위한 셋팅
typingIdx=0;
typingBool = false;
typingTxt = $(".typing-txt>ul>li").eq(liIndex).text();
//다음문장 타이핑전 2초 쉰다
clearInterval(tyInt);
setTimeout(function(){
$(".typing").html('');
tyInt = setInterval(typing,200);
},2000);
}
}
</script>
<section id="section02">
<div class="s2_title_box">
<div class="title_left">
<p>service</p>
</div>
<h1 class="section_title s2_title">
주어진 미디어를 초월하여 서비스를 제공해<br>
트랜스 미디어 마케팅을 실현하는 웹에이전시 소금
</h1>
</div>
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6 col-lg-4">
<div class="s2_con_img">
<img src="<?php echo G5_THEME_URL ?>/img/main/s2_con_img01.jpg" alt="이미지">
</div>
<ul class="s2_article_box">
<li class="s2_article_title">Production 제작</li>
<li>homepage & application</li>
<li>homepage Development planning</li>
<li>Mobile Web Service Plan</li>
<li>Mobile UI Programming</li>
<li>e-Commerce Development</li>
</ul>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4">
<div class="s2_con_img">
<img src="<?php echo G5_THEME_URL ?>/img/main/s2_con_img01.jpg" alt="이미지">
</div>
<ul class="s2_article_box">
<li class="s2_article_title">Consulting 컨설팅</li>
<li>Site Value Assessment</li>
<li>E-Biz Trend analysis</li>
<li>E-Biz Model Strategy Development</li>
<li>E-Biz Practice</li>
<li> </li>
</ul>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4">
<div class="s2_con_img">
<img src="<?php echo G5_THEME_URL ?>/img/main/s2_con_img01.jpg" alt="이미지">
</div>
<ul class="s2_article_box">
<li class="s2_article_title">operation 관리</li>
<li>Homepage Maintenance</li>
<li>Application Maintenance</li>
<li>SEO update</li>
<li>Data Analysis</li>
<li>e-Commerce Development</li>
</ul>
</div>
</div>
</div>
</section>
<!-- slick -->
<section id="section03">
<div class="s3_title">
<p>partner company</p>
</div>
<div class="container s3_container">
<div class="s3_slide_wrap">
<div id="slider-div" class="filtering" >
<div>
<div class="slide_top_img">
<img src="<?php echo G5_THEME_URL ?>/img/main/por-test.jpg" alt="이미지">
</div>
<div class="slide_bottom_img">
<img src="<?php echo G5_THEME_URL ?>/img/main/por-test.jpg" alt="이미지">
</div>
</div>
<div>
<div class="slide_top_img">
<img src="<?php echo G5_THEME_URL ?>/img/main/por-test.jpg" alt="이미지">
</div>
<div class="slide_bottom_img">
<img src="<?php echo G5_THEME_URL ?>/img/main/por-test.jpg" alt="이미지">
</div>
</div>
<div>
<div class="slide_top_img">
<img src="<?php echo G5_THEME_URL ?>/img/main/por-test.jpg" alt="이미지">
</div>
<div class="slide_bottom_img">
<img src="<?php echo G5_THEME_URL ?>/img/main/por-test.jpg" alt="이미지">
</div>
</div>
<div>
<div class="slide_top_img">
<img src="<?php echo G5_THEME_URL ?>/img/main/por-test.jpg" alt="이미지">
</div>
<div class="slide_bottom_img">
<img src="<?php echo G5_THEME_URL ?>/img/main/por-test.jpg" alt="이미지">
</div>
</div>
<div>
<div class="slide_top_img">
<img src="<?php echo G5_THEME_URL ?>/img/main/por-test.jpg" alt="이미지">
</div>
<div class="slide_bottom_img">
<img src="<?php echo G5_THEME_URL ?>/img/main/por-test.jpg" alt="이미지">
</div>
</div>
<div>
<div class="slide_top_img">
<img src="<?php echo G5_THEME_URL ?>/img/main/por-test.jpg" alt="이미지">
</div>
<div class="slide_bottom_img">
<img src="<?php echo G5_THEME_URL ?>/img/main/por-test.jpg" alt="이미지">
</div>
</div>
<div>
<div class="slide_top_img">
<img src="<?php echo G5_THEME_URL ?>/img/main/por-test.jpg" alt="이미지">
</div>
<div class="slide_bottom_img">
<img src="<?php echo G5_THEME_URL ?>/img/main/por-test.jpg" alt="이미지">
</div>
</div>
<div>
<div class="slide_top_img">
<img src="<?php echo G5_THEME_URL ?>/img/main/por-test.jpg" alt="이미지">
</div>
<div class="slide_bottom_img">
<img src="<?php echo G5_THEME_URL ?>/img/main/por-test.jpg" alt="이미지">
</div>
</div>
</div>
</div>
</div>
</section>
<script>
$(function(){
$('.filtering').slick({
slide: 'div', //슬라이드 되어야 할 태그 ex) div, li
infinite : true, //무한 반복 옵션
slidesToShow : 4, // 한 화면에 보여질 컨텐츠 개수
slidesToScroll : 4, //스크롤 한번에 움직일 컨텐츠 개수
speed : 100, // 다음 버튼 누르고 다음 화면 뜨는데까지 걸리는 시간(ms)
arrows : true, // 옆으로 이동하는 화살표 표시 여부
dots : true, // 스크롤바 아래 점으로 페이지네이션 여부
autoplay : true, // 자동 스크롤 사용 여부
autoplaySpeed : 10000, // 자동 스크롤 시 다음으로 넘어가는데 걸리는 시간 (ms)
pauseOnHover : true, // 슬라이드 이동 시 마우스 호버하면 슬라이더 멈추게 설정
vertical : false, // 세로 방향 슬라이드 옵션
prevArrow : "<button type='button' class='slick-prev'></button>", // 이전 화살표 모양 설정
nextArrow : "<button type='button' class='slick-next'></button>", // 다음 화살표 모양 설정
dotsClass : "slick-dots", //아래 나오는 페이지네이션(점) css class 지정
draggable : true, //드래그 가능 여부
responsive: [ // 반응형 웹 구현 옵션
{
breakpoint: 960, //화면 사이즈 960px
settings: {
//위에 옵션이 디폴트 , 여기에 추가하면 그걸로 변경
slidesToShow:3 ,
slidesToScroll: 3
}
},
{
breakpoint: 768, //화면 사이즈 768px
settings: {
//위에 옵션이 디폴트 , 여기에 추가하면 그걸로 변경
slidesToShow:2 ,
slidesToScroll: 2
}
}
]
});
})
</script>
<section class="tl_contact_wrap">
<form id="contact-form" name="contact-form" method="post" action="<?php echo G5_THEME_URL ?>/html/contact_mail_x.php" class="inner clearfix">
<h2 class="aos-init aos-animate" data-aos="fade-right" data-aos-delay="200">영업사원방문요청</h2>
<p class="aos-init aos-animate" data-aos="fade-right" data-aos-delay="400">고객님의 요청에 빠르게 답변드리겠습니다.</p>
<div class="left_box aos-init aos-animate" data-aos="fade-up" data-aos-delay="200">
<div class="input_page">
<input type="text" name="co_name" id="co_name" maxlength="50" value="NAME" onfocus="if (this.value == 'NAME') this.value = '';" onblur="if (this.value == '') this.value = 'NAME';">
</div>
<div class="input_page">
<input type="text" name="co_email" id="co_email" maxlength="100" value="E-MAIL" onfocus="if (this.value == 'E-MAIL') this.value = '';" onblur="if (this.value == '') this.value = 'E-MAIL';">
</div>
<div class="input_page">
<textarea name="co_message" id="co_message" maxlength="100" onblur="OnExit(this)" onfocus="OnEnter(this)" cols="30">MEMO</textarea>
</div>
<!-- 자동등록방지 -->
<div>
<?php echo $captcha_html ?>
</div>
</div>
<div class="right_box aos-init aos-animate" data-aos="fade-up" data-aos-delay="400">
<ul>
<button type="submit" class="send">SEND</button>
</ul>
</div>
<div id="x_message" class="x-msg1" style="overflow: hidden; display: none;"></div>
<div id="x_loading"><i class="fa fa-spinner fa-spin" aria-hidden="true"></i></div>
</form>
</section>
<script>
$(function() {
function validateEmail(email) {
var re = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return re.test(email);
}
function x_message(msg, type) {
console.log(msg);
$('#x_message').html(msg).removeClass("x-msg1").removeClass("x-msg2").addClass("x-msg"+type).show(400);
setTimeout(function() {
$('#x_message').hide(400);
},3000);
}
var is_sending = false;
$('#contact-form').submit(function(e) {
e.preventDefault();
var co_name = $('#co_name').val();
var co_email = $('#co_email').val();
var co_message = $('#co_message').val();
var captcha_key = $('#captcha_key').val();
var data = {'co_name':co_name,'co_email':co_email,'co_message':co_message, 'captcha_key':captcha_key};
console.log(co_name);
if(co_name == '' || co_name == 'NAME') {
x_message('이름을 입력하세요',1);
$('#co_name').focus();
return false;
}
if(co_email == '' || co_email == 'E-MAIL') {
x_message('이메일을 입력하세요',1);
$('#co_email').focus();
return false;
}
if(!validateEmail(co_email)) {
x_message('이메일 형식이 유효하지 않습니다.',1);
$('#co_email').focus();
return false;
}
if(co_message == '' ||co_message == 'MEMO') {
x_message('내용을 입력하세요',1);
$('#co_message').focus();
return false;
}
is_sending = true;
$('#x_loading').show();
var url = $(this).attr('action');
$.ajax({
method: "POST",
type: "POST",
url: url,
data: data,
dataType: "json"
})
.done(function(data) {
if(data['error']) {
x_message(data['error'],1);
}
else {
x_message('메일을 전송하였습니다.',2);
$('#contact-form')[0].reset();
}
is_sending = false;
$('#x_loading').hide();
});
return false;
});
});
</script>
<script language="javascript">
function OnEnter( field ) { if( field.value == field.defaultValue ) { field.value = ""; } }
function OnExit( field ) { if( field.value == "" ) { field.value = field.defaultValue; } }
</script>
<?php
include_once(G5_THEME_MOBILE_PATH.'/tail.php');
?>