1. 爱易网页
  2. JavaSript
  3. jsp施用ajax

jsp施用ajax

日期：2014-05-16　 浏览次数：20414 次

jsp使用ajax
<%@ page language="java" import="java.util.*" pageEncoding="GBK"%>
<%
String contextPath = request.getContextPath();
String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+contextPath ;
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script src="<%=basePath%>/js/jquery-1.4.4.min.js" type="text/javascript"></script>
<script src="<%=basePath%>/js/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="<%=basePath%>/js/SpryAccordion.js" type="text/javascript"></script>

       
<style type="text/css">

@CHARSET "UTF-8";
td {
background: transparent;
}

#toDoList {
width: 688px;
background: #d8e7ef;
border: #fff 1px solid;
padding: 0px;
margin: 0;
}

#toDoList table td {
padding-left: 40px;
font-family: "微软雅黑", "黑体", "宋体";
font-size: 14px;
color: #000;
text-decoration: none;
}

#toDoList td a {
font-family: "微软雅黑", "黑体", "宋体";
font-size: 14px;
color: #000;
text-decoration: none;
}

#toDoList td a:hover {
color: #f00;
text-decoration: underline;
}

.PanelTabCute {
margin: 0px;
padding: 2px 2px 2px 20px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
font-family: "微软雅黑", "黑体", "宋体";
color: #2d7094;
font-size: 12px;
}

.PanelTabCute span {
color: #f00;
}

.numMoreZero {
color: #f00;
font-size: 18px;
font-weight: bold;
}

.PanelTabMore {
font-family: "微软雅黑", "黑体", "宋体";
font-size: 12px;
}

.PanelTabMore a {
color: #000;
text-decoration: none;
}

.PanelTabMore a:hover {
color: #f00;
text-decoration: underline;
}

.PanelContentDiv {
width: 678px;
height: 200px;
background: url('<%=basePath%>/images/filesback2.png');
padding-top: 0px;
}

.Accordion {
overflow: hidden;
border-bottom: 1px #63b6ea solid;
width: 678px;
}

.AccordionPanel {
margin: 0px;
padding: 0px;
}


.AccordionPanelTab {
background: url('<%=basePath%>/images/filesback.png');
margin: 0px;
padding: 2px 2px 2px 20px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
font-family: "微软雅黑", "黑体", "宋体";
color: #2d7094;
font-size: 12px;
}

.AccordionPanelTab span {
color: #f00;
}

.AccordionPanelContent {
overflow: auto;
margin: 0px;
padding: 0;
height: 160px;
background: url('<%=basePath%>/images/filesback.png') 0 -22px;
}
.AccordionPanelContent2 {
overflow: auto;
margin: 0px;
padding: 0;
height: 201px;
background: url('<%=basePath%>/images/filesback.png') 0 -22px;
}
.AccordionPanelOpen .AccordionPanelTab {
background: url('<%=basePath%>/images/filesback.png');
}

.AccordionPanelTabHover {
color: #555555;
}

.AccordionPanelOpen .AccordionPanelTabHover {
color: #555555;
}

.AccordionFocused .AccordionPanelTab {
background-color: #3399FF;
}

.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
background-color: #33CCFF;
}

@media print {
.Accordion {
overflow: visible !important;
}
.AccordionPanelContent {
display: block !important;
overflow: visible !important;
height: auto !important;
}
}

相关资料更多>

  1. js兑现（可实现局部打印）
  2. 想在分號後加字母怎麼不行？该如何处理
  3. 哪位高手能帮小弟我解释一下 在这段代码里 autocomplete的作用是什么
  4. 为什么TABLE通过 DATASRC 绑定一个XML 文件后，无法删除TABLE 中的TR 对象？解决办法
  5. js 只好输入数字
  6. tomcat缓存jsp内容的有关问题解决
  7. jquery json解决思路
  8. 给table添加行有关问题，多谢
  9. 正常jsp网站的安装部署