{sdcms:include("sdcms_top.asp")}
<meta name="Keywords" content="{sdcms[seokey]}" />
<meta name="Description" content="{sdcms[seodesc]}" />
<title>在线留言_{sdcms[webname]}</title>
{sdcms:include("sdcms_base.asp")}
<script>var webroot="{webroot}";</script>
<script src="{webroot}lib/js/jquery.js"></script>
<script src="{webroot}lib/js/jquery-migrate-1.1.0.min.js"></script>
<script src="{webroot}lib/tips/jquery.tips.js"></script>
<script src="{webroot}lib/js/base.js"></script>
<script src="{webroot}lib/validator/jquery.validator.js"></script>
<script src="{webroot}lib/validator/zh_CN.js"></script>
<script>
$(function()
{
	$(".form_book").validator(
	{
		stopOnError:true,
		theme:'yellow_top',
		ignore:':hidden',
		valid:function(form)
		{
			$.fn.tips({type:'loading',content:'数据提交中'});
			$.ajax(
			{
				url:"?act=add",
				type:"post",
				data:$(form).serialize(),
				success:function(data){
					data=jQuery.parseJSON(data);
					if(data.status!="y"){$.fn.tips({content:data.info});}
					if(data.status=="y")
					{
						var info=data.info.substring(1);
						$.fn.tips({type:"ok",content:info});
						$(".form_book")[0].reset();
						if(data.info.substring(0,1)==2){setTimeout(function(){location.href='?';},1500)}
					}
				}
			});
		}
	});
})
</script>
{sdcms:include("sdcms_head.asp")}
<div class="padding">
    <strong class="text-big">在线留言</strong>
    <hr />
    <ul class="list-media list-loop list-underline margin-big-top">
    {sdcms:rs field="avatar,username,createdate,content,reply" table="sd_expand_book" where="islock=1" order="id desc" pagesize="20" isadminurl="0"}
        {rs:eof}暂无留言{/rs:eof}
        <li class="loop">
        <div class="media media-x">
            <img src="{webroot}upfile/avatar/{$rs[avatar]}/normal.jpg" class="radius float-left">
          <div class="media-body">
            <span class="float-right text-small text-gray">{sdcms.getdate($rs[createdate],".",1)}</span><strong>{$rs[username]}</strong>
            {$rs[content]}
            {if sdcms.strlen($rs[reply])>0}<div><b class="text-red">回复：</b>{$rs[reply]}</div>{/if}
          </div>
        </div>
    </li>
    {/sdcms:rs}
    </ul>
    {dim total:total=sdcms.page.totalurl}
    <ul class="listmore commentmore"><li class="pagemore">{if total>1}<a href="{page:next}">正在努力加载</a>{/if}</li></ul>
    
    <strong class="text-big">我要留言</strong>
    <hr />
    <form class="form_book form-x" method="post">
    <div class="form-group">
        <div class="label"><label>昵称</label></div>
        <div class="field">
            <input type="text" class="input" name="t0" size="30" maxlength="20" data-rule="昵称:required;" />
        </div>
    </div>
    <div class="form-group">
        <div class="label"><label>内容</label></div>
        <div class="field">
            <textarea name="t1" cols="55" rows="4" data-rule="留言内容:required;" class="input" onKeyUp="strlen_verify(this,'booklen',255)" /></textarea>
            <span class="text-gray">还可以输入<span id="booklen" class="text-red">255</span>个字符</span>
        </div>
    </div>
    <div class="form-group">
        <div class="label"><label>联系电话</label></div>
        <div class="field">
            <input type="text" class="input" name="t2" size="30" maxlength="20" data-rule="联系电话:required;mobile|tel" />
            <span class="text-gray">可以填写电话或手机，电话请加区号</span>
        </div>
    </div>
    <div class="form-group">
        <div class="label"><label>性别</label></div>
        <div class="field">
            <select name="t3" class="input"><option value="0">保密</option><option value="1">男</option><option value="2">女</option></select>
        </div>
    </div>
    
    <div class="form-group">
        <div class="label"><label>验证码</label></div>
        <div class="field">
            <input type="text" class="input input-auto" name="t4" size="15" maxlength="4" placeholder="请输入验证码" data-rule="验证码:required;" /><img src="{webroot}lib/imgcode.asp?t0=80&t1=20" title="看不清楚？点击刷新！" id="imgcode" onClick="this.src+='&'+Math.random();" />
        </div>
    </div>

    <div class="form-button">
        <button class="button bg-yellow margin-top button-block" type="submit">提交留言</button>
    </div>
    </form>
    
</div>