電力項目十三--js添加highslider特效

阿新 • • 發佈：2017-05-29

fixed cnblogs lose Coding class expand tty onclick utf

當頁面的一個table表格無法顯示所有的內容的時候，點擊【查看詳細信息】，顯示詳細內容：

下載css，js

1.在actingIndex.jsp中添加：引入js和css：

<LINK href="${pageContext.request.contextPath }/css/openView.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="${pageContext.request.contextPath }/script/highslide/highslide.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/script/highslide/highslide-html.js"></script>

2.添加javascript

  <script type="text/javascript">    
        hs.graphicsDir = ‘${pageContext.request.contextPath }/script/highslide/graphics/‘;
        hs.outlineType = ‘rounded-white‘;
        hs.outlineWhileAnimating = true;
  </script>

3.actingIndex.jsp頁面中添加代碼

<div>
                                                <a style="CURSOR:hand" href="${pageContext.request.contextPath }/system/elecCommonMsgAction_actingView.do?" onclick="return hs.htmlExpand(this, { contentId: ‘highslide-html-1‘, objectType: ‘ajax‘, preserveContent: true} )">
                                                    <div class 
="scrollStyle" align="left" style="table-layout:fixed;">
                                                        查看設備詳細信息
                                                    </div>
                                                </a>
                                                <div class 
="highslide-html-content" id="highslide-html-1" style="width: 700px">
                                                    <div class="highslide-move" style="border: 0; height: 18px; padding: 2px; cursor: default">
                                                        <a href="#" onClick="return hs.close(this)" class="control">[關 閉]</a>
                                                    </div>
                                                    <div class="highslide-body"></div>
                                                </div>
                                            </div>

4.ElecCommonMsgAction.java

    //添加highslider特效
    public String actingView(){
        ElecCommonMsg commonMsg = elecCommonMsgService.findCommonMsg();
        ValueUtils.putValueStack(commonMsg);
        return "actingView";
    }

5.actingView.jsp頁面

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<html>
<head>
    <title>顯示運行監控記錄</title>
    <LINK href="${pageContext.request.contextPath }/css/Style.css" type="text/css" rel="stylesheet">
</head>
<body>
    <table cellspacing="1" cellpadding="0" width="100%" align="center" bgcolor="#f5fafe" border="0">
        <TR height="10">
            <td class="ta_01">
                <s:property value="devRun"/>
            </td>
        </TR>
    </table>
    
</body>
</html>

電力項目十三--js添加highslider特效

fixed cnblogs lose Coding class expand tty onclick utf 當頁面的一個table表格無法顯示所有的內容的時候，點擊【查看詳細信息】，顯示詳細內容：下載css，js 1.在actingIndex.jsp中添加：引入js和c

電力項目十三--js添加浮動框

borde div bili fse ott images pac center 修改修改page/menu/loading.jsp頁面首先，頁面中引入浮動窗樣式css  <style type="

電力項目七--js控制文字內容過長的顯示

style property stat center -- value bsp blog station 當文本框中文字內容過長時，需要調整顯示的樣式如上圖所示的樣式對應的代碼為： <div id="showInfomation" style="visibi

如何給自己的開源項目選擇和添加 License

使用 log blog 自己目的開源程序 ice 共享 cnblogs License 的作用：開源 == 為所欲為？開源並不等於為所欲為！代碼的用途，修改之後的代碼有什麽要求，開源程序對於原作者的權利和責任等等，都是需要明確的。開源協議 License 就是這麽

WPF 添加 Resources Dictionary 資源一般類庫項目中無法添加資源文件（ResourceDictionary）

右鍵 edi blog eba wan 類庫 src cti 分享圖片原文:WPF 添加 Resources Dictionary 資源一般類庫項目中無法添加資源文件（ResourceDictionary）在文件夾或者項目右鍵-> Add(添加),會彈出可以快捷

電力項目十七--數據字典首頁JS添加和刪除表格

all 行號 .html ava rem context wrap string類型 emp 知識點：jQuery是一個JavaScript函數庫。 JS代碼： function insertRows(){ //獲取表格對象 var tb1 = $("#

電力項目十二--運行監控中添加進度條

ops val fun ron sca text 100% you tar 應用場景： 1.文件上傳、下載(IO流); 2.數據的導入導出； 3.大批量數據的增刪改查； 4.遠程數據的訪問。添加函數loading(); <%@ page language=

SSH電力項目一搭建Hibernate框架

http mls under 註解 extc domain break eth ont Hibernate所需要的基本文件： ElectText.java ElecText.hbm.xml hibernate.cfg.xml 第一步：創建測試表Elec_Text： c

SSH電力項目九--運行監控首頁顯示

查詢 val 方法 false 壓入 station string style reat 需求：在首頁顯示出設備運行情況，並去掉<br>換行符，每隔十分鐘刷新一次頁面。 ElecMenuAction.java 首先註入運行監控service public cl

電力項目十五--數據字典

clas true bsp 配置 for source interface read -i 數據字典的作用： 1.貫穿系統的所有數據項，開發過程中，動態的維護系統數據項： 2.保證數據的錄入安全，業務表使用數據字典的時候，存放的是數據項的編號，而不是數據項的值。 3.方便系

Js 添加動態修改id

input ace htm table tr roo net [0 oom html //HTML代碼 <table id="templateTable" > <tr>

jquery.pagination.js添加跳轉頁

ntp reat urn -c css nts llb eric borde 原作者github地址：https://github.com/gbirke/jquery_pagination 在這基礎上加入了跳轉到指定頁。修改後的jquery.pagination.js

js添加元素，和刪除當前元素

eva for doc his con orm set lang () <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title&

解決AndroidStudio導入項目卡在gradle加載界面

pan bsp soft tool blog 技術分享 ice tro distrib 原文:解決AndroidStudio導入項目卡在gradle加載界面　　為了節省排版時間，直接上圖了，圖片若看不清，可在新標簽中打開查看。　　文中圖片上涉及到的一些鏈接如下：

如何在項目啟動時，加載或解析某配置文件

簡單 err 文件配置文件監聽器 ted ride rate servle 在web項目中有很多時候需要在項目啟動時就執行一些方法，而且只需要執行一次，比如：加載解析自定義的配置文件、初始化數據庫信息等等，在項目啟動時就直接執行一些方法，可以減少很多繁瑣的操作。　　在

JS 添加和刪除HTML 標簽

tail input delete img eight href doc map ext //添加一行價格 $(‘#add_ladder_price‘).click(function(){ var trHTML = ‘<tr align="center" c

JS--添加option

width char har 添加 rem func set clas bsp <!DOCTYPE html> <html lang="en"> <head> <meta charset="U

Eclipse 創建Maven scala 項目安裝並解決加載項目類型慢的問題

不能創建還需 ffffff 加載 mave clip pda epo 使用Eclipse 構建maven scala 項目1、先安裝Scala IDE ,Help-->Eclipse Marketplace--->輸入 scala --> Insta

JS添加、設置屬性以及鼠標移入移出事件

tel 小明效果 blog enter classname tex ext http 源代碼： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <t

js 添加事件兼容性

添加元素 pan tar 冒泡 opp remove ntb add var tools = { //添加事件 addHandle: function (e, type, handle) {

電力項目十三--js添加highslider特效

相關推薦