发布文章到分类

作者: 蛋炒饭_By | 来源:发表于2018-04-20 09:37 被阅读61次

发布文章到分类
mp-vue搭建博客小程序(二)
文章定级，是一开始就要想明白的事
如何在WordPress主题中显示博客文章元数据（分类、标签、作
简书文章发布到GitHub
发布文章到github的流程
Spring Boot入门（第三十二章）：文章分类页面
文章分类
文章分类
【纯干货】百度百家号万字运营干货

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
<style>
.turnonart {
width: 336px;
border: 1px solid black;
}

    .turnonart .li1 {
        color: #949CA5;
        font-size: 20px;
        font-weight: bold;
    }

    .turnonart .li2 {
        color: #949CA5;
        font-size: 18px;
    }

    .turnonart li .a2 {
        background-color: white;
        border: 1px solid #007BFF;
        color: #007BFF;
    }

    .turnonart li ul li a {
        color: #949494;
        background-color: #FFFFFF;
    }

    .turnonart li ul li a:hover {
        color: #007BFF;
        background-color: #F7FFFF;
    }

    .turnonart li ul li .a1 {
        color: #007BFF;
        background-color: #F7FFFF;
    }
</style>
<script>
    window.onload = function () {
        var ul = document.getElementById("lis");
        var lis = ul.getElementsByTagName('li');
        var section_id = document.getElementById('section_id');
        for (var i = 0; i < lis.length; i++) {
            lis[i].onclick = function () {
                section_id.value = this.id;
                for (var i = 0; i < lis.length; i++) {
                    lis[i].getElementsByTagName('a')[0].className = 'uk-button';
                }
                this.getElementsByTagName('a')[0].className = 'a1 uk-button';

            }
        }

        var btn = document.getElementById('submit');
        btn.onclick = function () {
            $('[data-uk-dropdown]').hide();
            var form = document.getElementById('article_form');
            form.action = '${pageContext.request.contextPath}/add_article';
            form.submit();
        }
    }
</script>

</head>
<body>
<%@include file="common/header.jsp"%>
<%--${pageContext.request.contextPath}/add_article--%>
<form action="#" method="post" id="article_form">
<div>
<label for="title">标题</label>
<input type="text" name="title" id="title" placeholder="请输入标题">
<div class="uk-button-dropdown" data-uk-dropdown="{mode:'click'}">
<div>发布</div>
<div class="turnonart uk-dropdown">
<ul class="uk-list uk-margin-left">
<li class="li1 uk-margin-top">发布文章</li>
<li class="li2 uk-margin-top">选择分类</li>
<li id="lis">
<ul class=" uk-margin-top">
<li class="uk-display-inline-block uk-margin-small-top uk-margin-small-right" id="1"><a href="#"
class="a1 uk-button">Android</a>
</li>
<li class="uk-display-inline-block uk-margin-small-top uk-margin-small-right" id="2"><a href="#"
class="uk-button">前端</a>
</li>
<li class="uk-display-inline-block uk-margin-small-top uk-margin-small-right"><a href="#"
class="uk-button">ios</a>
</li>
<li class="uk-display-inline-block uk-margin-small-top uk-margin-small-right"><a href="#"
class="uk-button">产品</a>
</li>
<li class="uk-display-inline-block uk-margin-small-top uk-margin-small-right"><a href="#"
class="uk-button">设计</a>
</li>
<li class="uk-display-inline-block uk-margin-small-top uk-margin-small-right"><a href="#"
class="uk-button">工具资源</a>
</li>
<li class="uk-display-inline-block uk-margin-small-top uk-margin-small-right"><a href="#"
class="uk-button">阅读</a>
</li>
<li class="uk-display-inline-block uk-margin-small-top uk-margin-small-right"><a href="#"
class="uk-button">后端</a>
</li>
<li class="uk-display-inline-block uk-margin-small-top uk-margin-small-right"><a href="#"
class="uk-button">人工智能</a>
</li>

                    </ul>
                </li>

                <li>
                    <div class="uk-text-center"><a href="#" class="a2 uk-button uk-margin-top" id="submit">确定并发布</a></div>
                </li>
            </ul>
        </div>
    </div>
</div>

<div>
    <label for="content">正文</label>
    <textarea id="content" name="content" rows="20" cols="40"></textarea>
</div>
<%--<input type="submit" value="发布">--%>

</form>
</body>
</html>