查看: 3100|回复: 5

样式和遮罩问题 [复制链接]

lzx2013

新手上路

Rank: 1

电梯直达

楼主

发表于 2013-10-23 17:04:26 |只看该作者 |倒序浏览

我是刚用这个UI的，目前发现两个问题。
一、如果是在JSP里面写如下代码
<input id="helloBtn" class="mini-button" text="Hello"/>
<script type="text/javascript">
      function onHelloClick(e) {
         var button = e.sender;
         mini.alert("Hello MiniUI!");
      }
</script>
弹出的提示窗右边显示不全，但换成html之后就正常了。
二、mini-window的showModal在JSP中没有效果......
感觉这个UI对JSP支持不好呀...

收藏0

factory

超级版主

Rank: 8 Rank: 8

沙发

发表于 2013-10-23 17:10:14 |只看该作者

你做个例子打包上来
miniui是纯JS的控件,只要支持JS,一样可以用

一般样式上的问题,要么,你的页面头部的<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
没有写完整,要么就是用IE的兼容模式浏览了,或者就是你的版本过低

lzx2013

新手上路

Rank: 1

板凳

发表于 2013-10-24 10:03:16 |只看该作者

factory 发表于 2013-10-23 17:10
你做个例子打包上来
miniui是纯JS的控件,只要支持JS,一样可以用

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
<base href="<%=basePath%>">

<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script src="scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
<link href="scripts/miniui/themes/default/miniui.css" rel="stylesheet" type="text/css" />
<script src="scripts/miniui/miniui.js" type="text/javascript"></script>
  </head>

我的浏览器是IE8
  <body>
<div id = "btn1" class="mini-button" onclick="showCenter();" >弹窗  </div>
<div id="win1" class="mini-window" title="Window" style="width:400px;height:250px;"
showModal="true" allowResize="true" allowDrag="true"
>

</div>
<script type="text/javascript">
mini.parse();
function showCenter() {
      var win = mini.get("win1");
      win.show();

}
showCenter();
</script>
  </body>
</html>

lzx2013

新手上路

Rank: 1

地板

发表于 2013-10-24 10:12:20 |只看该作者

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Myeclipse自动生成的JSP只包含了<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">，
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"这个没有，所以一些样式出问题了，谢谢高手指点。

factory

超级版主

Rank: 8 Rank: 8

5^#

发表于 2013-10-24 10:37:43 |只看该作者

lzx2013 发表于 2013-10-24 10:12
Myeclipse自动生成的JSP只包含了，
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"这个没有 ...

问题现在已经好了吗?

lzx2013

新手上路

Rank: 1

6^#

发表于 2013-10-25 11:35:54 |只看该作者

factory 发表于 2013-10-24 10:37
问题现在已经好了吗?

问题解决了

返回列表

		自动登录	找回密码
密码			立即注册