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

jsp施用ajax

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

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. <用JAVASCRIPT兑现静态对象、静态方法和静态属性>
  2. IE6下，js改变className无效的有关问题
  3. jquery 怎么设置按钮(input)的onclick事件
  4. ajaxfileupload.js下传图片，在火狐上没有有关问题，在IE8上有有关问题
  5. 为什么在a标签的href中可以写javascript脚本，javascript脚本与网页标签是什么关系？该如何处理
  6. 请教JavaScript怎样自定义监听事件
  7. js在不同浏览器中复制代码的兑现
  8. smipleChart 容易图表类 javascript
  9. 应用 JSONP 实现跨域通信，第 1 部分: 结合 JSONP 和 jQuery 快速构建强大的 mashup（转）