jQuery MiniUI

 找回密码
 立即注册
查看: 2112|回复: 5
打印 上一主题 下一主题

谷歌和火狐不兼容 [复制链接]

Rank: 1

跳转到指定楼层
楼主
发表于 2017-4-27 08:40:28 |只看该作者 |倒序浏览
本帖最后由 xiaoduge 于 2017-4-27 15:59 编辑
复制代码
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

沙发
发表于 2017-4-27 09:26:03 |只看该作者
你贴这代码和你的截图不是一个页面吧???
代码看是一个layout布局的页面,你的图片为什么是个登录页面

Rank: 1

板凳
发表于 2017-4-27 15:58:45 |只看该作者
dforce 发表于 2017-4-27 09:26
你贴这代码和你的截图不是一个页面吧???
代码看是一个layout布局的页面,你的图片为什么是个登录页面 ...

额,确实发错了  不好意思  下面是登录页面代码
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>数据管理系统-登录界面</title>
  6. <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" media="screen" />
  7. <link rel="stylesheet" href="css/styles.css" type="text/css"></link>
  8. <script src="js/ui/boot.js" type="text/javascript"></script>
  9. <link rel="stylesheet" href="css/login.css" type="text/css"></link>
  10. </head>
  11. <body>
  12.         <div class="login_div">
  13.                 <div class="login_title">鑫方盛-数据管理系统</div>
  14.                
  15.                         <div id="loginForm" >
  16.                                 <table>
  17.                                         <tr>
  18.                                                 <td style="width:60px;"><label for="username$text">用户名:</label>
  19.                                                 </td>
  20.                                                 <td><input id="username" name="username" class="mini-textbox"
  21.                                                         required="true" requiredErrorText="用户名不能为空" style="width:150px;" />
  22.                                                 </td>
  23.                                         </tr>
  24.                                         <tr>
  25.                                                 <td style="width:60px;"><label for="pwd$text">密 码:</label>
  26.                                                 </td>
  27.                                                 <td><input id="pwd" name="pwd" class="mini-password"
  28.                                                         requiredErrorText="密码不能为空" required="true" style="width:150px;"
  29.                                                         onenter="onLoginClick" /></td>
  30.                                         </tr>
  31.                                         <tr>
  32.                                                 <td></td>
  33.                                                 <td style="padding-top:5px;"><a onclick="onLoginClick"
  34.                                                         class="mini-button" style="width:60px;">登录</a> <a
  35.                                                         onclick="onResetClick" class="mini-button" style="width:60px;">重置</a>
  36.                                                 </td>
  37.                                         </tr>
  38.                                 </table>
  39.                         </div>

  40.                 <div
  41.                         style="position: relative; left: 560px; top: 315px; width: 300px; height: 20px; color:#004080; font-size: 11px;line-height: 28px; float: left;">
  42.                         Copyright (C) 2012-2016 鑫方盛版权所有</div>
  43.         </div>

  44.         <script type="text/javascript">
  45.                 mini.Cookie.set('miniuiSkin', 'blue');
  46.                 mini.parse();
  47.                 function onLoginClick(e) {               
  48.                         var form = new mini.Form("#loginForm");
  49.                         form.validate();
  50.                         if (form.isValid() == false)
  51.                                 return;

  52.                         var user = mini.get("username").getValue();
  53.                         var pwd = mini.get("pwd").getValue();

  54.                         var messageid = mini.loading("登录中, 请耐心等待 ...", "登录中");
  55.                         $.ajax({
  56.                                 url : GetMyName() + "FormAction?method=login",
  57.                                 data : {
  58.                                         user : user,
  59.                                         pwd : pwd
  60.                                 },
  61.                                 type : "post",
  62.                                 dataType : "json",
  63.                                 success : function(ret) {
  64.                                         mini.hideMessageBox(messageid);
  65.                                         if (ret.success == "true") {
  66.                                                 var oldurl=location.search;
  67.                                                  if(oldurl=="" || oldurl.indexOf("login")>-1){
  68.                                                          mini.Cookie.set('myuser', user);
  69.                                                         showTips("登录成功,正在跳转页面...");
  70.                                                         window.top.location = GetMyName() + "GoUrl?url=main";
  71.                                                  }else{
  72.                                                          location.reload();
  73.                                                  }
  74.                                                
  75.                                         } else {
  76.                                                 showTips("<b>提示</b> <br/>" + ret.message);
  77.                                         }
  78.                                 },
  79.                                 error : function(jqXHR, textStatus, errorThrown) {
  80.                                         mini.hideMessageBox(messageid);
  81.                                         mini.alert("服务器异常请稍后重试!");
  82.                                 }
  83.                         });
  84.                 }
  85.                 function onResetClick(e) {
  86.                         var form = new mini.Form("#loginWindow");
  87.                         form.clear();
  88.                 }
  89.                 function showTips(msg) {
  90.                         mini.showTips({
  91.                                 content : msg,
  92.                                 state : "info",
  93.                                 x : "center",
  94.                                 y : "top",
  95.                                 timeout : 3000
  96.                         });
  97.                 }
  98.                 function loadmyuser(){
  99.                          var user=mini.get("username").getValue();
  100.                         if(!user|| user==""){
  101.                                 var ouser=getCookie('myuser');
  102.                                 if(ouser && undefined!=ouser){
  103.                                         mini.get("username").setValue(ouser);
  104.                                 }
  105.                         }
  106.                        
  107.                 }
  108.                 loadmyuser();
  109.                
  110.         </script>
  111. </body>
  112. </html>
复制代码

Rank: 8Rank: 8

地板
发表于 2017-4-27 16:13:58 |只看该作者
xiaoduge 发表于 2017-4-27 15:58
额,确实发错了  不好意思  下面是登录页面代码


没有你的css,我这多个浏览器打开看起来都是正常的。

附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 1

5#
发表于 2017-4-27 16:39:10 |只看该作者
本帖最后由 xiaoduge 于 2017-4-27 16:40 编辑
felt 发表于 2017-4-27 16:13
没有你的css,我这多个浏览器打开看起来都是正常的。

miniui的这个样式好像并未被解析就加载了页面
附件: 你需要登录才可以下载或查看附件。没有帐号?立即注册

Rank: 8Rank: 8

6#
发表于 2017-4-27 17:13:10 |只看该作者
xiaoduge 发表于 2017-4-27 16:39
miniui的这个样式好像并未被解析就加载了页面

看一下页面有没有正确引用到MiniUI,看一下有没有报错之类的
MiniUI的textbox解析完应该是这样的结构
<span class="mini-textbox" style="border-width: 0px;" id="tb">
  <span class="mini-textbox-border">
<input class="mini-textbox-input" autocomplete="off" placeholder="请输入商品编号" id="tb$text" type="text">
</span><input type="hidden">
</span>

Archiver|普加软件

GMT+8, 2024-10-2 23:26 , Processed in 1.069137 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部