<%--
  Created by IntelliJ IDEA.
  User: njc
  Date: 2022/5/10
  Time: 19:17
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>留言板</title>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="keywords" content="个人博客,王风宇个人博客,个人博客系统,老王博客,王风宇">
<meta name="description" content="Lao王博客系统，一个站在java开发之路上的草根程序员个人博客网站。">
<link rel="Bookmark" href="favicon.ico" >
<link rel="Shortcut Icon" href="favicon.ico" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/plugin/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/plugin/Hui-iconfont/1.0.8/iconfont.min.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/css/common.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/plugin/pifu/pifu.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/plugin/wangEditor/css/wangEditor.min.css">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } function showSide(){$('.navbar-nav').toggle();}</script>
</head>
<body>
<header class="navbar-wrapper">
  <div class="navbar navbar-fixed-top">
    <div class="container cl">
      <a class="navbar-logo hidden-xs" href="index.do">
        <img class="logo" src="${pageContext.request.contextPath}/static/img/logo.png" alt="Lao王博客" />
      </a>
      <a class="logo navbar-logo-m visible-xs" href="index.do">Lao王博客</a>
      <a aria-hidden="false" class="nav-toggle Hui-iconfont visible-xs" href="javascript:void(0);" onclick="showSide();">&#xe667;</a>
      <nav class="nav navbar-nav nav-collapse w_menu" role="navigation">
        <ul class="cl">
          <li> <a href="index.do" data-hover="首页">首页</a> </li>
          <li> <a href="about.jsp" data-hover="关于我">关于我</a> </li>
          <li> <a href="mood.jsp" data-hover="碎言碎语">碎言碎语</a> </li>
          <li><a href="article.do" data-hover="学无止尽">学无止尽</a></li>
          <li class="active"> <a href="board.jsp" data-hover="留言板">留言板</a> </li>
        </ul>
      </nav>
      <nav class="navbar-nav navbar-userbar hidden-xs hidden-sm " style="top: 0;">
        <ul class="cl">
          <li class="userInfo dropDown dropDown_hover">
            <a href="${pageContext.request.contextPath}/admin/main.jsp">后台入口</a>
          </li>
        </ul>
      </nav>
    </div>
  </div>
</header>

<!--导航条-->
<nav class="breadcrumb">
  <div class="container"> <i class="Hui-iconfont">&#xe67f;</i> <a href="index.do" class="c-primary">首页</a> <span class="c-gray en">&gt;</span>  <span class="c-gray">留言板</span> </div>
</nav>

<section class="container">
  <div class="col-xs-12 col-md-10 col-md-offset-1 mt-20">
    <!--用于评论-->
    <div class="mt-20" id="ct">
      <div id="err" class="Huialert Huialert-danger hidden radius">成功状态提示</div>
      <textarea id="textarea1" name="comment" style="height:200px;" placeholder="看完不留一发？"> </textarea>
      <div class="text-r mt-10">
        <button onclick="getPlainTxt()" class="btn btn-primary radius" > 发表评论</button>
      </div>
    </div>

    <div class="line"></div>

    <ul class="commentList mt-50">

      <li class="item cl"> <a href="#"><i class="avatar size-L radius"><img alt="" src="http://q.qlogo.cn/qqapp/101388738/1CF8425D24660DB8C3EBB76C03D95F35/100"></i></a>
        <div class="comment-main">
          <header class="comment-header">
            <div class="comment-meta"><a class="comment-author" href="#">老王</a>
              <time title="2014年8月31日 下午3:20" datetime="2014-08-31T03:54:20" class="f-r">2014-8-31 15:20</time>
            </div>
          </header>
          <div class="comment-body">
            你是猴子派来的救兵吗？

            <ul class="commentList">
              <li class="item cl"> <a href="#"><i class="avatar size-L radius"><img alt="" src="http://qzapp.qlogo.cn/qzapp/101388738/1CF8425D24660DB8C3EBB76C03D95F35/100"></i></a>
                <div class="comment-main">
                  <header class="comment-header">
                    <div class="comment-meta"><a class="comment-author" href="#">老王</a>
                      <time title="2014年8月31日 下午3:20" datetime="2014-08-31T03:54:20" class="f-r">2014-8-31 15:20</time>
                    </div>
                  </header>
                  <div class="comment-body">
                    <p> 是的</p>
                  </div>
                </div>
              </li>
              <li class="item cl"> <a href="#"><i class="avatar size-L radius"><img alt="" src="http://qzapp.qlogo.cn/qzapp/101388738/696C8A17B3383B88804BA92ECBAA5D81/100"></i></a>
                <div class="comment-main">
                  <header class="comment-header">
                    <div class="comment-meta"><a class="comment-author" href="#">老王</a>
                      <time title="2014年8月31日 下午3:20" datetime="2014-08-31T03:54:20" class="f-r">2014-8-31 15:20</time>
                    </div>
                  </header>
                  <div class="comment-body">
                    <p> +1</p>
                  </div>
                </div>
              </li>

            </ul>

            <button class="hf f-r btn btn-default size-S mt-10" name="2">回复</button>

          </div>
        </div>
      </li>
      <li class="item cl"> <a href="#"><i class="avatar size-L radius"><img alt="" src="http://qzapp.qlogo.cn/qzapp/101388738/1CF8425D24660DB8C3EBB76C03D95F35/100"></i></a>
        <div class="comment-main">
          <header class="comment-header">
            <div class="comment-meta"><a class="comment-author" href="#">老王</a>
              <time title="2014年8月31日 下午3:20" datetime="2014-08-31T03:54:20" class="f-r">2014-8-31 15:20</time>
            </div>
          </header>
          <div class="comment-body">
            你是猴子派来的救兵吗？

            <button class="hf f-r btn btn-default size-S mt-10" name="3">回复</button>

          </div>
        </div>
      </li>

    </ul>
    <!--用于回复-->
    <div class="comment hidden mt-20">
      <div id="err2" class="Huialert Huialert-danger hidden radius">成功状态提示</div>
      <textarea class="textarea" style="height:100px;" > </textarea>
      <button onclick="hf(this);" type="button" class="btn btn-primary radius mt-10">回复</button>
      <a class="cancelReply f-r mt-10">取消回复</a>
    </div>

  </div>
</section>
<footer class="footer mt-20">
  <div class="container-fluid" id="foot">
    <p>Copyright &copy; 2017-2022 www.ftebox.cn <br>
      <a href="#" target="_blank">基于SSM框架实现的个人博客系统</a>
    </p>
  </div>
</footer>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/plugin/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/plugin/layer/3.0/layer.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/plugin/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/plugin/pifu/pifu.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/js/common.js"></script>
<script> $(function(){ $(window).on("scroll",backToTopFun); backToTopFun(); }); </script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/plugin/wangEditor/js/wangEditor.min.js"></script>

<script type="text/javascript">
  $(function () {
    wangEditor.config.printLog = false;
    var editor1 = new wangEditor('textarea1');
    editor1.config.menus = ['insertcode', 'quote', 'bold', '|', 'img', 'emotion', '|', 'undo', 'fullscreen'];
    editor1.config.emotions = { 'default': { title: '老王表情', data: 'plugin/wangEditor/emotions1.data'}, 'default2': { title: '老王心情', data: 'plugin/wangEditor/emotions3.data'}, 'default3': { title: '顶一顶', data: 'plugin/wangEditor/emotions2.data'}};
    editor1.create();

    //show reply
    $(".hf").click(function () {
      pId = $(this).attr("name");
      $(this).parents(".commentList").find(".cancelReply").trigger("click");
      $(this).parent(".comment-body").append($(".comment").clone(true));
      $(this).parent(".comment-body").find(".comment").removeClass("hidden");
      $(this).hide();
    });
    //cancel reply
    $(".cancelReply").on('click',function () {
      $(this).parents(".comment-body").find(".hf").show();
      $(this).parents(".comment-body").find(".comment").remove();
    });
  });

</script>

</body>
</html>
