`
xiyuliuguang
  • 浏览: 32639 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

JSP选项卡显示

阅读更多
<%@ page language="java" contentType="text/html;charset=gbk" pageEncoding="gbk"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"+ request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="<%=basePath%>">
<base target="_self">
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link type="text/css" href="module/base-info/css/smoothness/jquery-ui-1.8.custom.css" rel="stylesheet" />
<script type="text/javascript" src="module/base-info/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="module/base-info/js/jquery-ui-1.8.custom.min.js"></script>
<script type="text/javascript" src="system/js/JsonTools.js"></script>
<script type="text/javascript" src="js/date/WdatePicker.js" defer="defer"></script>

<title>基站信息编辑</title>
<style type="text/css">
/*demo page css*/
body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 2px;}
.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
.STYLE1 {color: #FF0000}

.selectWidth{width:135px}
#loading_div { position:absolute; left:0px; top:0px; width: 100%;
height: 100%; background-color:#f8fdff; filter:alpha(opacity=100); }
</style>
</head>
<body >
<div id="loading_div">
<div style="text-align:center;padding-top:200px">
<span style="font-family: 宋体; font-size:22px; color:red;">数据加载中...</span>
</div>
</div>
<!-- 引入头部  -->
  <jsp:include page="./edit_top1.jsp"></jsp:include>
      <div style="width:975px;margin:0 auto;"/>
<!-- Tabs -->
<div id="tabs" style="border:1px solid #ACD4EA;">
<ul style="border:1px solid #ACD4EA; background-color:none;">
<li><a href="#tabs-1">基础信息</a></li>
<li><a href="#tabs-2">主设备</a></li>
<li><a href="#tabs-3">传输</a></li>
<li><a href="#tabs-4">天馈、接地、铁塔</a></li>
<li><a href="#tabs-5">电源</a></li>
<li><a href="#tabs-6">空调</a></li>
<li><a href="#tabs-7">监控</a></li>
<li><a href="#tabs-8">灭火器</a></li>
<li><a href="#tabs-9">室分</a></li>
<li><a href="#tabs-10">RRU拉远</a></li>
<li><a href="#tabs-11">直放站</a></li>
<li><a href="#tabs-12">图片</a></li>
</ul>
<!-- 基础信息 -->
<div id="tabs-1">
<jsp:include page="jcxx.jsp"></jsp:include>
</div>
<!-- 主设备 -->
<div id="tabs-2">
<jsp:include page="zsb.jsp"></jsp:include>
</div>
<!-- 传输 -->
<div id="tabs-3">
    <jsp:include page="tran.jsp"></jsp:include>
</div>
<div id="tabs-4">
<jsp:include page="tkjdtt.jsp"></jsp:include>
</div>
<div id="tabs-5">
<jsp:include page="power.jsp"></jsp:include>
</div>
<!-- 空调 -->
<div id="tabs-6">
<jsp:include page="kt.jsp"></jsp:include>
</div>
<!-- 监控 -->
<div id="tabs-7">
<jsp:include page="jk.jsp"></jsp:include>
</div>
<!-- 灭火器 -->
<div id="tabs-8">
<jsp:include page="mhq.jsp"></jsp:include>
</div>
<!-- 室分 -->
<div id="tabs-9">
<jsp:include page="sf.jsp"></jsp:include>
</div>
<!-- RRU拉远 -->
<div id="tabs-10">
<jsp:include page="rru.jsp"></jsp:include>
</div>
<!-- 直放站 -->
<div id="tabs-11">
<jsp:include page="rpt.jsp"></jsp:include>
</div>
<!-- 图片 -->
<div id="tabs-12">
<jsp:include page="images.jsp"></jsp:include>
</div>
</div>
<script type="text/javascript">
$(function(){
  // Tabs
$('#tabs').tabs();

  });
  </script>
  <!-- 引入通用js -->
  <script type="text/javascript" src="module/base-info/js/common.js"></script>
  <!-- 引入基础信息js -->
  <script type="text/javascript" src="module/base-info/js/jcxx.js"></script>
  <!-- 引入主设备js -->
  <script type="text/javascript" src="module/base-info/js/zsb.js"></script>
  <!-- 引入电源js -->
  <script type="text/javascript" src="module/base-info/js/power.js"></script>
   <!-- 引入天馈,接地,铁塔js -->
  <script type="text/javascript" src="module/base-info/js/tkjdtt.js"></script>
  <!-- 引入传输JS -->
  <script type="text/javascript" src="module/base-info/js/tran.js"></script>
  <!-- 引入空调JS -->
  <script type="text/javascript" src="module/base-info/js/kt.js"></script>
  <!-- 引入监控JS -->
  <script type="text/javascript" src="module/base-info/js/jk.js"></script>
  <!-- 引入图片JS -->
  <script type="text/javascript" src="module/base-info/js/images.js"></script>  
   <!-- 引入直放站JS -->
  <script type="text/javascript" src="module/base-info/js/rpt.js"></script>    
  <!-- 引入灭火器JS -->
  <script type="text/javascript" src="module/base-info/js/mhq.js"></script> 
  <!-- 引入室分JS -->
  <script type="text/javascript" src="module/base-info/js/sf.js"></script>
  <!-- 引入RRU拉远JS -->
  <script type="text/javascript" src="module/base-info/js/rru.js"></script>
  <script type="text/javascript">
     document.onreadystatechange = function() {
if (document.readyState == "complete") {
document.getElementById("loading_div").style.display="none";
}
};

  </script>
</body>
</html>
  • js.rar (235.1 KB)
  • 下载次数: 13
分享到:
评论

相关推荐

    漂亮的JSP TAB选项卡

    在描述中提到,“很好用,很漂亮”,这暗示了该JSP选项卡组件不仅功能强大,而且在视觉设计上也具有吸引力。它可能提供了多种主题和样式选择,以适应不同网站的设计风格。同时,由于被推荐“多多顶起”,我们可以...

    jsp鼠标移动右侧显示选项卡,移开时不显示

    在网页设计中,"jsp鼠标移动右侧显示选项卡,移开时不显示" 是一种常见的交互效果,主要用于提高用户体验。这种效果通常使用JavaScript、CSS以及HTML等技术实现,JSP(JavaServer Pages)作为服务器端的技术,主要...

    简单易用的JSP选项卡

    本教程将详细介绍如何利用JavaScript(JS)制作一个简单易用的JSP选项卡,同时深入理解选项卡的实现原理。 首先,我们需要了解JSP(JavaServer Pages)的基础。JSP是一种动态网页技术,允许开发人员在HTML或XML文档...

    jQuery仿京东商品分类选项卡切换代码.zip

    3. 切换效果:在事件处理函数中,利用SuperSlide的API来切换显示的内容,如改变当前选中选项卡的样式,隐藏其他内容区域并显示对应选项卡的内容。 4. 动画过渡:SuperSlide插件提供了平滑的动画过渡效果,使切换过程...

    java web网页的多窗口打开选项卡形式

    例如,当前选中的选项卡显示为块级元素,其他未选中的选项卡设置为隐藏。 2. **JavaScript**: - 选项卡切换:使用JavaScript事件监听(如`click`事件)来监听用户对选项卡的操作。当用户点击某个选项卡时,更改...

    jsp 2个css写的仿xp选项卡

    在本案例中,我们讨论的是使用JSP和CSS技术来实现一个仿XP系统的选项卡功能。这种技术可以让用户在有限的页面空间内浏览多个相关的但内容独立的部分,提升网页的交互性和易用性。 首先,让我们深入理解JSP(Java...

    网页中的选项卡(html;JSP)

    在选项卡中使用JSP时,可能需要根据用户的行为或服务器端数据来决定默认显示哪个选项卡。例如,通过请求参数或session来控制: ```jsp String activeTab = request.getParameter("tab") || "tab1"; %&gt; ...

    tab选项卡制作

    在实际应用中,我们还可以为Tab选项卡增加更多有趣的功能,比如延迟显示内容或自动切换显示不同的选项卡。以下是一个实现延迟显示效果的例子: ```html &lt;li id="0" class="select"&gt;&lt;a href="#"&gt;公告&lt;/a&gt;&lt;/li&gt;...

    jquery左右按钮与选项卡按钮控制图片左右滚动

    7. **计数器和索引管理**:为了跟踪当前显示的图片和选项卡,需要维护一个计数器或索引。每次点击按钮或选项卡时,都会更新这个索引,并据此计算出新的图片位置。 8. **边界检查**:当用户尝试滚动到最后一张图片后...

    完美实现js选项卡切换效果(一)

    在每个选项卡的鼠标悬停(mouseover)事件中,会调用Change函数来改变当前激活的选项卡,并更新对应的内容显示。Change函数会将所有选项卡的类清空,只给当前激活的选项卡加上“active”类,内容区域同理,只显示...

    轮换选项卡

    在实现轮换选项卡功能时,JSP可能用于控制数据的获取和处理,以及与前端交互,比如传递当前选中的选项卡信息。 在一篇关于轮换选项卡的JSP教程中,可能会涵盖以下知识点: 1. JSP基本语法:讲解如何在JSP页面中...

    5种JSP页面显示为乱码的解决方法

    例如,在Eclipse中,可以通过“Window -&gt; Preferences -&gt; General -&gt; Content Types”选项卡来设置默认的编码格式。确保所有相关工具和环境的编码设置一致,以避免出现乱码问题。 综上所述,通过合理设置JSP页面、...

    DITCHNET JSP TAB 标签的使用详解

    你可以通过设置`activeIndex`属性来指定默认显示的选项卡,或者使用`animation`属性来定义切换动画。例如: ```jsp &lt;!-- ... --&gt; ``` 在实际开发中,你可能还需要根据具体需求自定义样式或者扩展功能。此时,...

    Myeclipse jsp卡优化方法

    还可以设置不显示MyEclipse Dashboard,进一步优化启动性能。 3. JVM参数优化 - 通过修改myeclipse.ini文件来调整JVM参数,这直接关系到MyEclipse运行时的性能。这里可以调整堆内存(-Xmx)的大小、最大永久代大小...

    jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例

    在本文中,我们将探讨如何使用JavaScript和JSP来实现在鼠标移动到指定区域时显示选项卡,并在鼠标离开时将其隐藏的功能。这种交互式设计在网页开发中很常见,可以用于创建动态的导航菜单或工具提示。 首先,我们...

    jsp源码合集1.rar

    在这个项目中,开发者可能使用了DOM操作、事件监听以及可能的jQuery库来实现图片的动态显示和选项卡切换效果。通过学习这个项目,你可以了解到如何用JavaScript构建用户友好的界面元素。 【超漂亮工作室 v0.12.rar...

    minCMS(jsp+tomcat+mysql)

    1,有现存的模版系统,10天内可以定制完成你所...8,采用最先进的选项卡技术分类显示不同类别的信息; 9,本产品已经相当成熟,jsp+mysql实现。期待进一步的合作,QQ:983104231。 10,网址:http://www.5djava.com

    jsp 分页 树型菜单

    选项卡(tabs/ Divs)标签 数据查询录入(dataselectinput)标签到 QQ菜单标签 下拉选择框树形菜单 年份选择标签(YearSelect) 日期时间格式化标签(FormatData) 字符串格式标签(StringLenFormat) 文件服务标签(file...

Global site tag (gtag.js) - Google Analytics