<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="csscode/style.css">
</head>
<script language="JavaScript" src="jscode/jquery-1.9.1.min.js"></script>
<script language="JavaScript" src="My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript">
var currpage = 1;
var typeid = 0;
$(document).ready(function(){
$(".click").click(function(){
update();
});
$(".tiptop a").click(function(){
$(".tip").fadeOut(200);
});
$(".sure").click(function(){
$(".tip").fadeOut(100);
});
$(".cancel").click(function(){
$(".tip").fadeOut(100);
});
$("#checkAll").click(function(){
if(this.checked) {
$("input[name='subBox']").prop("checked","true");
} else{
$("input[name='subBox']").removeAttr("checked");//取消全选
}
});
currpage ='${pagevo.currentpage}'==''?'1':'${pagevo.currentpage}';
typeid = '${booktypeid}'==''?document.getElementById("booktype").value:'${booktypeid}';
});
$('.tablelist tbody tr:odd').addClass('odd');
//点击查询跳转
function selectbook(){
select_loca_href(currpage,typeid);
}
//点击页数跳转
function Changepage(theLink){
currpage = theLink.text;
select_loca_href(currpage,typeid);
}
//上一页
function pagepre(thepage,theLink){
if(thepage!=1){
currpage = (thepage - 1);
select_loca_href(currpage,typeid);
}
}
//下一页
function pagenxt(thepage,theLink){
var lastpage =Math.ceil('${pagevo.pagecount}');
if(thepage < lastpage){
currpage = (thepage + 1);
select_loca_href(currpage,typeid);
}
}
//输入页数跳转
function articlepage(theinput){
var lastpage =Math.ceil('${pagevo.pagecount }');
var currentpage = '${pagevo.currentpage}';
if(theinput.value > lastpage)
{
theinput.value = lastpage;
}
if(!isNaN(theinput.value) && theinput.value!=currentpage)
{
currpage = theinput.value;
select_loca_href(currpage,typeid);
};
}
function select_loca_href(currpage1,typeid1){
// location.href ='${path}/servlet/selectBookServlet?bookpage=' + currpage1 +'&type=selectall&booktypeid='+typeid1;
}
function changetyep(id){
currpage = 1;
typeid = document.getElementById(id).value;
}
function update() {
var input = $("input[name='subBox']");
var count = 0;
var strvalue = "";
for(var i = 0; i < input.length; i ++) {
if(input[i].type == "checkbox" ) {
if (input[i].checked) {
strvalue = input[i].value;
count ++;
};
};
}
if(count == 0) {
$('#prompt').text("请选择您要进行操作的数据！");
$(".tip").fadeIn(200);
return false;
}else if(count > 1){
$('#prompt').text("请选择单条再操作！");
$(".tip").fadeIn(200);
return false;
};
// location.href ='${path}/servlet/selectBookServlet?bookid=' +strvalue.split(':')[1] +'&type=uselect';
}
function insertbook(){
// location.href ='${path}/servlet/selectBookServlet?type=iselect';
};
function scrap(id,name,code,number){
//location.href ='${path}/JspPage/book/bookscrap.jsp?type=scrap&id='+id +'&name=' +name + '&code=' + code + '&number=' +number;
}
</script>
<body>
<div class="placesty" style="margin:-1px 0px 0px 0px">
<span>位置：</span>
<ul class="placeulsty">
<li><a href="#">首页</a></li>
<li><a href="#">数据表</a></li>
</ul>
</div>
<div class="rightinfo">
<div class="tools">
<ul class="toolbar">
<li>
<label>类型：</label>
<select class="styled-select" id="booktype" name="booktype" onchange="changetyep(this.id)">
<option value="1" selected='selected' >动漫</option>
</select>
</li>
<li>
<div>
<label>日期范围：</label>
<input type="text" onFocus="WdatePicker({maxDate:'#F{$dp.$D(\'datemax\')||\'%y-%M-%d\'}',dateFmt:'yyyy-MM-dd HH:mm:ss'})" id="datemin" class="input-text Wdate styled-select">
-
<input type="text" onFocus="WdatePicker({minDate:'#F{$dp.$D(\'datemin\')}',maxDate:'%y-%M-%d',dateFmt:'yyyy-MM-dd HH:mm:ss'})" id="datemax" class="input-text Wdate styled-select">
</div>
</li>
<li>
<label>图书名称：</label>
<input style="float:right;width:250px;height:26px;" type="text" class="form-control styled-select" placeholder="java 基础入门">
</li>
<li><a id="selectbk" onclick="selectbook()" ><span><img src="image/ico06.png" /></span>查询</a></li>
</ul>
<ul class="toolbar1" style="margin-top:4px;margin-bottom:4px">
<li><a id="insertbk" href="add.html" ><span><img src="image/t01.png" /></span>添加</a></li><!--onclick="insertbook()"-->
<li onclick="add.html" class="click"><span><img src="image/t02.png" /></span>修改</li>
<li><span><img src="image/t03.png" /></span>删除</li>
<li><a><span><img src="image/t05.png" /></span>审核</a></li>
</ul>
</div>
<table class="tablelist">
<thead>
<tr>
<th><input id="checkAll" name="" type="checkbox" value="" /></th>
<th>编号<i class="sort"><img src="image/px.gif" /></i></th>
<th>书名</th>
<th>描述</th>
<th>类型</th>
<th>原价</th>
<th>库存</th>
<th>发布时间</th>
<th>是否审核</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr id="row${status.index }">
<td><input name="subBox" type="checkbox" value="图书id:1" /></td>
<td>kk-0091222</td>
<td>图书</td>
<td>这是一本图书</td>
<td>动漫</td>
<td style="color:red">￥4444</td>
<td>22</td>
<td>2231-09-09</td>
<td>已审核</td>
<td><a href="view.html" class="tablelink">查看</a> <a href="javascript:;" onclick="scrap('${stu.bookID }','${stu.bookname }','${stu.bookcode }','${stu.inventory }')" class="tablelink">报废</a></td>
</tr>
</tbody>
</table>
<div class="pagin">
<div class="message">共<i class="blue"22</i>条记录，当前显示第 <i class="blue"><input onblur="articlepage(this)" id="bookpage" class="page" type="text" value="1"/> </i>页</div>
<ul class="paginList">
<li class="paginItem"><a href="javascript:;" onclick="pagepre(${pagevo.currentpage},this)"><span class="pagepre"></span></a></li>
<li class='paginItem current'
<a href="javascript:;" onclick="Changepage(this) ">1</a>
</li>
<li class='paginItem more'
<a href="javascript:;" onclick="Changepage(this) ">2</a>
</li>
<li class='paginItem'>
<a href="javascript:;" onclick="Changepage(this) ">3</a>
</li>
<li class="paginItem"><a href="javascript:;" onclick="pagenxt(${pagevo.currentpage},this)"><span class="pagenxt"></span></a></li>
</ul>
</div>
<div class="tip">
<div class="tiptop"><span>提示信息</span><a></a></div>
<div class="tipinfo">
<span><img src="${path}/image/tico
图书系统HTML模版3
需积分: 46 71 浏览量
2017-09-05
10:32:58
上传
评论 5
收藏 2.18MB ZIP 举报
图书系统HTML模版3 （209个子文件） 
bootstrap.css 143KB style.css 29KB webuploader.css 11KB datepicker-dev.css 5KB datepicker.css 4KB datepicker.css 3KB datepicker.css 3KB WdatePicker.css 144B Thumbs.db 3KB
img.gif 2KB img.gif 2KB datePicker.gif 1KB img.gif 475B topbg.gif 469B tcbg.gif 210B th.gif 82B righttop.gif 82B inputbg.gif 82B leftmenubg.gif 76B toolbg.gif 74B lefttop.gif 73B list1.gif 70B list.gif 70B pre.gif 70B next.gif 70B px.gif 61B rlist.gif 56B line.gif 51B leftline.gif 50B
list.html 8KB login.html 5KB add.html 3KB mainleft.html 2KB themain.html 2KB view.html 1KB main.html 1KB maintop.html 1KB 404.html 941B 500.html 930B mainfooter.html 151B
001.jpg 40KB topleft.jpg 26KB topright.jpg 17KB bz02.jpg 14KB bz01.jpg 13KB bz00.jpg 13KB bg.jpg 307B jquery-1.9.1.min.js 90KB bootstrap.js 68KB calendar.js 22KB Validator.js 12KB WdatePicker.js 10KB zh-cn.js 1KB zh-tw.js 1KB cloud.js 995B en.js 644B
login.png 234KB loginbg3.png 184KB light.png 143KB light1.png 104KB logininfo3.png 80KB logininfo2.png 74KB logininfo1.png 74KB logininfo.png 74KB img.png 48KB loginbg4.png 48KB img05.png 43KB img06.png 42KB img07.png 37KB registered.png 36KB img03.png 36KB cloud.png 34KB logo.png 33KB loginlogo.png 33KB img02.png 33KB img08.png 32KB img10.png 30KB img09.png 30KB img04.png 26KB icon13.png 23KB icon16.png 22KB l04.png 22KB icon17.png 22KB logincode.png 21KB img01.png 21KB lbg1.png 21KB icon15.png 21KB icon12.png 21KB l02.png 21KB icon18.png 20KB loginuser.png 20KB l03.png 20KB loginpassword.png 20KB icon11.png 20KB icon14.png 20KB navbg.png 19KB lbg.png 19KB 404.png 19KB btndowcol.png 19KB lc00.png 18KB共 209 条
- 1
- 2
- 3
资源评论
