{include(header)}
<style>
.metable{float:left;width:100%}
.metable td{}
.mebox2{float:left;width:100%;background:#fff;margin:0px 0px 10px 0px;padding:0px 0px 20px 0px}
.mebox2 .xtitle{float:left;width:100%;border-bottom:1px #ccc dotted;font-size:18px;font-weight:bold;padding:5px 0px 5px 0px}
.mebox2 .xcont{float:left;width:100%;line-height:22px;margin:10px 0px 10px 0px;font-size:14px;color:#333;height:400px}
.mebox2 td{padding:5px;}
</style>
<div class="mebox2">
	<div class="xtitle">欢迎您为我们提出宝贵建议</div>
	<div class="xcont" id="id_xcont">
	<form name="frm_2" action="{cfg:(dirpath,base)}/index.php?app=ajax&app_act=msg_save" method="post">
			<li id="id_msg_cont"><span class="x_1"></span><span class="x_2" style='padding-left:20px'>
				<table><tr><td><textarea name="cont" cols="40" rows="10" class="pTxt1" ruletips='留言内容不能为空' required placeholder="在这里输入留言内容"></textarea></td></tr>
				<tr><td><input type="text" name="name" value="" class="pTxt1 pTxtL200"{if(in_array('name',$options))} ruletips='请填写您的姓名' required{/if} placeholder="您的姓名">
				{if(in_array('name',$options))}<span style="color:#ff0000">*</span>{else}<span class="pBeta">&nbsp;(选填)</span>{/if}</td></tr>
				<tr><td>
				<input type="text" name="email" value="" class="pTxt1 pTxtL200" ruletips='电子邮箱填写不正确' rule='email' {if(in_array('email',$options))} required{/if} placeholder="电子邮箱">
				{if(in_array('email',$options))}<span style="color:#ff0000">*</span>{else}<span class="pBeta">&nbsp;(选填)</span>{/if}
				</td></tr>
				<tr><td>
				<input type="text" name="tel" value="" class="pTxt1 pTxtL200" ruletips='联系电话填写不正确' rule='tel' {if(in_array('tel',$options))} required{/if} placeholder="联系电话">
				{if(in_array('tel',$options))}<span style="color:#ff0000">*</span>{else}<span class="pBeta">&nbsp;(选填)</span>{/if}
				</td></tr>
				<tr><td>
				{if($this_login_user->uid<1 && in_array('login',$options))}
					<input type="button" name="btn1" value="请先登录" class="button3" onclick="thisjs.login();">
				{else}
					<input type="button" name="btn1" value="提 交" class="button4" onclick="thisjs.save();">
				{/if}
				</td></tr>
				</table>
			</span></li>
		</form>
	</div>
</div>
<script>
kj.onload(function(){
	kj.handler(".pTxt1","focus",function(){
		kj.delClassName(this , "pTxt1");
		kj.addClassName(this , "pTxt2");
	});
	kj.handler(".pTxt1","blur",function(){
		kj.delClassName(this , "pTxt2");
		kj.addClassName(this , "pTxt1");
	});
});

var thisjs = new function() {
	this.save = function() {
		if(kj.rule.form(document.frm_2) == false) {
			return false;
		}
		kj.ajax.post(document.frm_2 , function(data) {
			var obj_data = kj.json(data);
			if(obj_data.isnull || !('code' in obj_data)) {
				alert("操作失败");
			} else if(obj_data.code!='0') {
				if('msg' in obj_data) {
					alert(obj_data.msg);
				} else {
					alert('操作失败');
				}
			} else {
				kj.alert.show('留言成功',function(){window.location='{cfg:(dirpath,base)}/';});
				
			}
		});
	}

	this.login = function() {
		var jump_url = encodeURIComponent('{fun_get::url()}');
		window.open('{cfg:(dirpath,base)}/{cfg:(basename,base)}?app_act=login&jump_url='+jump_url,'_self');
	}
}
</script>
{include(footer)}