artdialog_ (dialog4) 显示页面样式的用法

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    
 <%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>   
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="<%= request.getContextPath() %>/resources/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="<%= request.getContextPath() %>/static/dialog4/artDialog.js?skin=green"></script>
<script type="text/javascript" language="javascript" src="<%= request.getContextPath() %>/static/dialog4/plugins/iframeTools.js"></script>    
    <style type="text/css">
        .clear{clear:both;}
        .datatable{width:100%;border-collapse:collapse;}
        .datatable tr{height:35px;}
        .datatable tr td{border:1px solid #ddd;padding:5px 8px;}

.dialog{display:none;width:400px;height:350px;border:1px solid #aaccff;position:absolute;top:100px;left:380px;background-color:#fff;}
        .dialog .dialog-title{line-height:30px;padding:0px 5px;}
        .dialog .dialog-title h3{float:left;font-size:25px;font-weight:lighter;}
        .dialog .dialog-title a{float:right;}
        .dialog .dialog-content{border-top:1px solid #ddd;padding:3px 5px;}
    </style>
    <script type="text/javascript">
        function refreshData(){
            window.location=window.location;
        }
        function addCategory(){
            
            art.dialog.open(‘<%=request.getContextPath()%>/category/add.html‘, {
                width: ‘550px‘,
                height: ‘300px‘,
                title:‘新增分类信息‘,
                lock:true,
                opacity: 0.3,
                ok:function(iframeWin, topWin){
                    // iframeWin: 对话框iframe内容的window对象
                    // topWin: 对话框所在位置的window对象
                    iframeWin.add();//5
                    
                    //window.location=window.location;
                    
                    //防止窗口关闭
                    return false;
                },
                cancel: true
            });
            
        }
    </script>
</head>
<body>

<h1>分类列表</h1>
    
    <div>
        <input type="button" value="新增" onclick="addCategory();" />
    </div>

<table class="datatable">
                    <thead>
                            <tr>
                                <th>分类名称</th>
                                <th>分类描述</th>
                                <th>操作列</th>
                            </tr>
                    </thead>
                    <tbody>
                            <c:forEach items="${list }" var="list">
                                <tr>
                                    <td>${list.cateName }</td>
                                    <td>${list.cateDesc }</td>
                                    <td>
                                        <a href="<%=request.getContextPath() %>/category/delete.${list.cateId}.html">删除</a>
                                        <a href="<%=request.getContextPath() %>/category/update.${list.cateId}.html">修改</a>
                                    </td>
                                    
                                </tr>
                            </c:forEach>
                    
                    </tbody>
            
            </table>

</body>
</html>

时间: 2024-10-05 23:16:24

artdialog_ (dialog4) 显示页面样式的用法的相关文章

Selenium2学习-024-WebUI自动化实战实例-022-网站不同分辨率下页面样式展示兼容性问题解决方案 -- 设置浏览器显示区域大小(无人值守,节约测试成本的福音,BOSS 最爱)

在 Web UI 自动化测试的过程中,通常会测试页面在不同分辨率下的显示效果,即在不同大小的显示器上全屏浏览器后的页面展示,此种测试方法需要购置不同大小的显示器,或者频繁的设置屏幕分辨率,不仅浪费了大量的金钱,同时也需要有人值守,从而使测试变成了半自动化,背离了自动化测试的初衷,也在一定程度上困扰了一定的自动化测试人员. 其实,不同分辨率下的测试,在一定程度上可以看做是浏览器窗口最大化后,浏览器可显示区域的页面样式兼容性测试.此文通过设置浏览器页面显示区域大小,从而摆脱上述种种问题的束缚.只需要

IIS发布,无法显示CSS样式和图片

在BS的项目中,完成之后,都需要发布自己的网站.这个时候就要安装IIS了. 我也是最近才打算使用IIS来进行发布的.刚把IIS安装上,就遇到了问题. 出现问题就想办法解决问题呗.遇到的问题和视频里面的类似,他也讲了一下是如何解决的.不过,他的只是不显示图片.而我的是 图片和CSS样式都显示.错误的原因:路径与发布不一致. 检查了一下自己的代码,路径写错?这也不至于全写错吧. 打开自己发布前的vs程序,执行一下:没问题.如果是路径错了,在vs程序中检查,也应该不显示才对? 既然程序没问题,发布也没

ListView显示不同样式的item

先look图 我们再使用listview时,listview的item大多时候都是一种样式,在很多app中也很常见,但有时候根据需求,可能数据的数量不一样,同个类型的数据显示的位置不同,亦或者有的item需要图片,有的不需要,但是这些又必须在同一个listview中显示,这时我们就需要在listview中显示多种样式的item,首先我们需要考虑的是如何将不同数量的数据装载到ArrayList<~>中呢,先看看下面的listViewItem,. 1 package com.example.ker

【j2ee spring】42、巴巴运动网显示产品样式

巴巴运动网显示产品样式 项目结构 项目代码 底层接口: /** * 功能:这个是品牌样式的接口 * 文件:ProductStyleService.java * 时间:2015年5月31日19:33:19 * 作者:cutter_point */ package com.cutter_point.service.product; import com.cutter_point.service.base.DAO; public interface ProductStyleService extend

HTML5 移动开发(CSS3设计移动页面样式)

1.如何创建CSS样式表 2.CSS3的卓越特性 3.基于设备属性改变样式的媒体查询 4.如何使用属性改变元标签创建更美观移动页面   层叠样式表是移动WEB开发中的一个重要组成部分,本次分享将学到如何编写CSS并用它为移动页面定制样式,其中包括媒体查询为特定设备定制样式表.此外还将了解一些影响移动设备内容显示的元标签 创建好的样式,可通过三种方法附加到样式表里 1.内联到标签中   [建议在测试的时候这么做] 2.内嵌于HTML的开头 3.放在一个独立文档中作为样式表  [推荐的做法]*能够提

手机页面样式小问题收集

1. 伪类  :after 1. 清楚浮动 div:after{ overflow:hidden; } 2. 制作三角形 div:after{ content:''; display:block; width:0; border-top:8px solid #000; border-left:8px solid transparent; border-right:8px solid transparent; } 2. 设置表单标签placeholder属性的样式 input[type="text

Winform Echarts 显示百度地图的用法(3)

1,用Echarts 显示百度地图的用法(2)写一个 baidu.html 2,winform页面放一个WebBrowser控件,用来放地图的html页面 3,winform 加载时 将WebBrowser文件放在baidu.html同一个目录下 webBrw_Map.Url = new Uri(Path.Combine(Application.StartupPath, "baidumap.html")); 4,加载地图 (1),根据经纬度查询 var pointX = "3

原型导航应用于大转盘抽奖客户端显示页面实例

<html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <title>大转盘客户端</title> <meta name="keyw

jQuery Mobile动态刷新页面样式

当我们使用Ajax或者javascript动态在页面上添加元素后,如添加select控件的option元素,添加ul的li元素.添加之后我们会发现,它们显示的样式不是jQuery Mobile的炫酷样式了,而变成了很丑陋的元素样式.如下图所示: 代码如下: [html] view plain copy <script> function myFunction() { var ul = document.getElementById("myul"); var li1 = &q