jsp 页面选项卡

2023-10-30

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="/WEB-INF/jsp/include/header.inc"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="zh-CN">
    <head>
        <title>新增资源</title>
        <style type="text/css">
            .radio.more_radio input[type="radio"]{
                margin-left:0;
                margin-top:4px;
            }
            input[type='checkbox']{
                float:left;margin-left:0;margin-top:4px;
            }
        </style>
        <script type="text/javascript">
            /* function gaib_1() {
                if($("#year").val().length>=4){
                    $("#month").focus();
                }
            }
            function gaib_2() {
                if($("#month").val().length>=2){
                    $("#day").focus();
                }
            }
              */
            $(function(){
                xmhdHistory_hide();
            });
            function addActivityss(){
                var Activity=$("#addActivityerd").val();
                var trsaNames=$("#trsaNames").val();
                var trsaTimes=$("#trsaTimes").val();
                if(Activity==null||Activity==""){
                    alert("请先保存学生信息");
                    return;
                }else if(trsaNames==null||trsaNames==""){
                    alert("请填写'活动/项目'名称");
                    return;
                }else if(trsaTimes==null||trsaTimes==""){
                    alert("请填写'活动/项目'时间");
                    return;
                }
                var params =$("#hdxmAddForm").serialize();
                url=contextPath+"/student/addActivityerd?stuId="+Activity;
                $.ajax({
                    // 后台处理程序
                    url : url,
                    // 数据发送方式
                    type : "post",
                    // 接受数据格式
                    dataType : "json",
                    // 要传递的数据
                    data : params,
                    // 回传函数
                    success : function(json){
                        sync_token_from_session(json.asyncTokenId);
                        if(json.jumpType){
                            alert("保存成功");
                            }
                        }
                    })
            }
            //项目活动历史查询
        function findPrograms(){
            $("#xmhdHistory").empty();
            $("#xmhdHistory_show").hide();
            $("#xmhdHistory_hide").show();
            var studentID=$("#addActivityerd").val();
            if(studentID==null || studentID==""){
                return "请先保存学生信息";
            }
            $.ajax({
                url:"<%=contextPath%>/student/findPrograms",
                type:"post",
                data:{"stuId":studentID},
                dataType:"json",
                success:function(json){
                        for(var i=0;i<json.length;i++){
                             var stra="";
                            var js=json[i];
                            var trsaStatus="";
                            if(js.trsaStatus==1){
                                trsaStatus="参加";
                            }if(js.trsaStatus==2){
                                trsaStatus="不参加";
                            }if(js.trsaStatus==3){
                                trsaStatus="考虑中";
                            }if(js.trsaStatus==4){
                                trsaStatus="未接通";
                            }
                            if(js.trsaRemark==null){
                                 js.trsaRemark="";
                            }
                             stra +=  "<p><br/><label >项目/活动名称:"+ js.trsaName+
                            "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;项目/活动时间:"+js.trsaTime+"</label>"+
                            "<label >联系情况:"+trsaStatus+
                            "&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;项目/活动备注:"+js.trsaRemark +"</label></p>" ;
                            $("#xmhdHistory").append(stra);
                        }   
                }
            });
            $("#xmhdHistory").show();
        }
        function xmhdHistory_hide(){
            $("#xmhdHistory").empty();
            $("#xmhdHistory_show").show();
            $("#xmhdHistory_hide").hide();
        }
        </script>
    </head>
    <body class="bodycss">
        <div class="widget widget-tabs">
                            <div class="widget-body">
                                <!--选项卡-->
                                <ul class="nav nav-tabs">
                                    <li class="active"><a href="#tab_2_1" data-toggle="tab" οnclick="xyxx()">学生信息</a></li>
                                    <li><a href="#tab_2_2" data-toggle="tab" οnclick="zxjl()">咨询记录</a></li>
                                    <li><a href="#tab_2_3" data-toggle="tab" οnclick="xxqk()">学习情况</a></li>
                                    <li><a href="#tab_2_5" data-toggle="tab" οnclick="ydxx()">营地信息</a></li>
                                    <li><a href="#tab_2_6" data-toggle="tab" οnclick="hdxm()">活动/项目</a></li>
                                </ul>
                                <!--选项卡  end-->
                                <div class="tab-content">
                                    <!--学生信息-->
                                    <div class="tab-pane active" id="tab_2_1">
                                        <input type="hidden" id="studentID"/>
                                        <%@include file="includeStudent.jsp" %>
                                    </div>
                                    
                                    <!--咨询记录-->
                                    <div class="tab-pane" id="tab_2_2">
                                        <%@include file="includeConsultLog.jsp" %>
                                    </div>
                                    
                                    <!--学习情况-->
                                    <div class="tab-pane" id="tab_2_3">
                                        <%@include file="includeStudy.jsp" %>
                                    </div>
                                    
                                    <!--营地信息-->
                                    <div class="tab-pane" id="tab_2_5">
                                        <%@include file="includeCampsite.jsp" %>
                                    </div>
                                    <!--活动/项目-->
                                    <div class="tab-pane" id="tab_2_6">
                                        <%@include file="includeActivity.jsp" %>
                                    </div>
                                </div>
                            </div>
                        </div>
    </body>
    <script charset="utf-8" src="<%=cachePath%>/res/js/jquery-ui-1.11.4.custom/jquery-ui.js"></script>
    <script charset="utf-8" src="<%=cachePath%>/res/js/jsp/resource/addStudent.js"></script>
    <link rel="stylesheet" href="<%=cachePath%>/res/js/jquery-ui-1.11.4.custom/jquery-ui.css" type="text/css"></link>
</html>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

jsp 页面选项卡 的相关文章

随机推荐

  • 华子这题确实不错!

    我们来看一下这道题目到底哪里不错 题目描述 小王在进行游戏大闯关 有一个关卡需要输入一个密码才能通过 密码获得的条件如下 在一个密码本中 每一页都有一个由 26 个小写字母组成的若干位密码 从它的末尾开始依次去掉一位得到的新密码也在密码本中
  • 小程序从后台切到前台首页刷新机制 (Banner图 )

    问题 后台 banner 图 更新后 小程序首页不会自动更新 注明 这里只针对首页 其他页进入 onload即可 解决方案一 直接在page页面 每次onShow 都执行 解决方案二 app js 文件 app js App onLaunc
  • MongoDB报错:org.springframework.data.mongodb.UncategorizedMongoDbException: Exception authenticating

    org springframework data mongodb UncategorizedMongoDbException Exception authenticating MongoCredential Caused by com mo
  • Me and My Girlfriend靶机实验

    目录 靶机描述 准备 信息收集 一键三连IP 端口 目录扫描 ip 端口扫描 目录扫描 需要用到kali中的dirsearch 漏洞分析 渗透攻击 提权 这里我们可以尝试使用漏洞检查脚本 靶机的下载地址 Me and My Girlfrie
  • Ubuntu 18.04 镜像下载

    打开 官网 点击 下载 点击 Ubuntu桌面系统 点击 其他下载 鼠标滑到最下方 点击 Ubuntu 18 04 6 桌面版 64位 点击 保存
  • STM32 USB学习笔记9

    主机环境 Windows 7 SP1 开发环境 MDK5 14 目标板 STM32F103C8T6 开发库 STM32F1Cube库和STM32 USB Device Library 现在我们来分析VCP例程的最后一个文件USB设备类的us
  • LDAP概念和原理

    http blog sina com cn s blog 6151984a0100ey3z html 什么是目录服务 目录服务就是按照 树状存储信息的模式 目录服务的特点 目录服务与关系型数据库不同 目录服务的数据类型主要是字符型 而不是关
  • 如何通过redis 配置提高redis的性能

    redis的性能 我拿什么拯救 持久化选项 客户端输出缓冲限制 数据结构优化 压缩列表 网络配置 连接池 客户端输出缓冲限制 数据结构优化 压缩列表 网络配置 连接池 不冷战 不任性 多沟通 用舒服的方式喜欢和爱 知道承担 懂得分享 一起进
  • 组件扫描功能

    Spring提供了注解扫描 利用组件扫描注解和组件注解配合 可以自动扫描包空间自动创建Bean对象 减少编码 提高效率 配置文件 Configuration ComponentScan basePackages cn tedu Demo p
  • 数据结构——深度优先遍历(DFS)无向连通图

    以下是数据结构中关于深度优先遍历无向连通图的操作 编程风格参考严蔚敏版数据结构 其实深度优先遍历就是二叉树的先序遍历的推广 头文件以及宏定义 include
  • GitHub博客地址

    本人博客主要发布在GitHub Pages CSDN上的博客不再更新 我的GitHub博客地址 Hong s Bloghttps yalandhong github io 备用链接 https yalandhong vercel app h
  • IDEA解决运行项目虚拟内存溢出问题

    在我们运行一个比较大的项目的时候总是出现Caused by java lang OutOfMemoryError PermGen space的问题简单在网上查询了一下意思是内存溢出了 什么 我的电脑是8G运行内存 256的固态 你告诉这样都
  • bigquant量化平台笔记

    https bigquant com tutorial 宽客学院 https bigquant com community t topic 131694 AI量化策略快速理解 AI量化策略的目标 Label 默认使用股票收益率作为目标 第一
  • 关于antd的treeselect使用

    在表单中 我们可能会碰到这样的需求 比如我想将某一个物品或者资产 分配到某一个部门的员工下 那么我们需要在表单中做这样的配置 这样就会用到antd的treeselect组件 组件很好用 自带搜索框 可以大大的提高用户的可操作性 我们来看一下
  • 【CentOS安装配置Jupyter 】

    CentOS安装配置Jupyter 功能快捷键 合理的创建标题 有助于目录的生成 如何改变文本的样式 插入链接与图片 如何插入一段漂亮的代码片 生成一个适合你的列表 创建一个表格 设定内容居中 居左 居右 SmartyPants 创建一个自
  • 攻防世界之misc1

    攻防世界之misc1 首先这题非常的考研脚本实力 他题目没有下载文件 只有一个值 d4e8e1f4a0f7e1f3a0e6e1f3f4a1a0d4e8e5a0e6ece1e7a0e9f3baa0c4c4c3d4c6fbb9e1e6b3e3b
  • Nginx Upstream负责均衡的实现方案

    nginx中upstream实现负责均衡的几种方式 1 轮询 weight 1 默认选项 当weight不指定时 各服务器weight相同 每个请求按时间顺序逐一分配到不同的后端服务器 如果后端服务器down掉 能自动剔除 upstream
  • commons math用户手册翻译(一)

    翻译源址 http commons apache org proper commons math userguide index html 1 math包版本3 6 2 commons math包解决哪些问题 math包由一组数据和统计的包
  • jmavsim使用说明

    一 启动 在px4源码目录下输入 make px4 sitl jmavsim 二 基础操作 在操作界面上按F1键 会弹出操作说明 操作说明如下 按照说明可以控制飞机移动 视角控制 F 第一人称视角 S 地面固定视角 G 稳定云台视角 Z 切
  • jsp 页面选项卡