您最多选择25个主题
主题必须以字母或数字开头，可以包含连字符 (-)，并且长度不得超过35个字符
106 行
4.3 KiB
106 行
4.3 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="description" content="个人随笔是一个面向IT技术人员,提供个人平时工作总结和在线记录学习笔记,个人技术博客,在线云笔记,码农笔录,最新的技术博客,www.aiprose.com">
|
|
<meta name="keywords"
|
|
content="个人随笔,博客,个人博客,个人笔记,技术博客,免费云笔记,云笔记,随笔,IT博客,谷歌地图,码农笔录,www.aiprose.com,aiprose.com,aiprose">
|
|
<link rel="stylesheet" href="//g.alicdn.com/sui/sui3/0.0.18/css/sui.min.css">
|
|
<script type="text/javascript" src="//g.alicdn.com/sj/lib/jquery/dist/jquery.min.js"></script>
|
|
{{/*<script type="text/javascript" src="/static/js/aljquery.js"></script>*/}}
|
|
<script type="text/javascript" src="/static/js/sui.js"></script>
|
|
<script type="text/javascript" src="/static/js/layer.js"></script>
|
|
<title>首页 - 个人随笔</title>
|
|
<style>
|
|
.common {
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.tag {
|
|
margin: 3px 0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div style="margin: 5px 10px">
|
|
<div class="common">
|
|
<span>开发语言:</span>
|
|
<span>
|
|
<select class="form-control " style="width: 150px;display: inline-block;height: 32px" id="catory">
|
|
<option>1</option>
|
|
<option>2</option>
|
|
<option>3</option>
|
|
<option>4</option>
|
|
<option>5</option>
|
|
</select>
|
|
</span>
|
|
</div>
|
|
<div class="common">
|
|
<span style="flex: 1;height: 30px;line-height: 30px;">文章标签:</span>
|
|
<div class="tag-group tag-removable" data-toggle='tag' id="labels">
|
|
|
|
</div>
|
|
</div>
|
|
<div class="common">
|
|
<span>添加标签:</span>
|
|
<input type="text" placeholder="输入标签" class="input-xfat" style="height: 26px;" id="lable">
|
|
<button type="button" class="btn btn-primary" style="height: 26px;margin-top: -5px;" id="addBtn">添加</button>
|
|
</div>
|
|
<div class="common" style="text-align: center">
|
|
<button type="button" class="btn btn-primary" id="saveBtn">首要</button>
|
|
<button type="button" class="btn btn-warning" id="cacelBtn">取消</button>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script>
|
|
$(function () {
|
|
if (parent.tobj.catory) {
|
|
$("#catory").val(parent.tobj.catory)
|
|
}
|
|
if (parent.tobj.labels) {
|
|
for (var i = 0; i < parent.tobj.labels.length; i++) {
|
|
var child = "<label class='tag tag-primary'>" + parent.tobj.labels[i] + "<a name='remove'><i class=\"iconfont icon-close\"></i></a> "
|
|
+ "<input type='checkbox' class='simple-tag' name='simple-tag-1' value='" + parent.tobj.labels[i] + "' checked='checked'/></label>"
|
|
$("#labels").append(child)
|
|
}
|
|
}
|
|
|
|
$("#addBtn").click(function () {
|
|
var temp = $("#lable").val()
|
|
if (temp.trim().length != 0) {
|
|
if ($("#labels").children().length > 5) {
|
|
layer.msg('5个标签还不够', function () {
|
|
});
|
|
return
|
|
}
|
|
var child = "<label class='tag tag-primary'>" + temp + "<a name='remove'><i class=\"iconfont icon-close\"></i></a> "
|
|
+ "<input type='checkbox' class='simple-tag' name='simple-tag-1' value='" + temp + "' checked='checked'/></label>"
|
|
$("#labels").append(child)
|
|
$("#lable").val("")
|
|
}
|
|
})
|
|
|
|
$("#saveBtn").click(function () {
|
|
parent.tobj.catory = $("#catory").val()
|
|
var tarr = []
|
|
$.each($(".simple-tag"), function () {
|
|
tarr.push($(this).val())
|
|
});
|
|
parent.tobj.labels = tarr
|
|
console.log(tarr)
|
|
parent.saveBlogCallback(function (flag) {
|
|
if (flag) {
|
|
var index = parent.layer.getFrameIndex(window.name);
|
|
parent.layer.close(index);
|
|
}
|
|
})
|
|
})
|
|
|
|
$("#cacelBtn").click(function () {
|
|
var index = parent.layer.getFrameIndex(window.name);
|
|
parent.layer.close(index);
|
|
})
|
|
})
|
|
</script>
|
|
</html>
|