新建一个div：<div class="container" id="loginForm" hidden><h4 class="form-signin-heading">用户登录</h4><hr /><div class="form-group"><input type="text"class="form-control" id="KeyName" placeholder="Auth Key" name="Key"></div><div class="form-group"><input type="password"class="form-control" id="Pwd" placeholder="Auth Secret" name="Secret"></div><div class="form-group"><button class="btn btn-large ...
index.jsp<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%><!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="jquery-1.7.2.min.js"></script><script type="text/javascri...
本文主要和大家聊聊Jquery的noty弹框应用,需要的朋友可以参考下，希望能帮助到大家。导入jar包（这边是项目的相对路径）<script src=${ctx}/js/noty/jquery.noty.js></script>
<script src=${ctx}/js/noty/themes/default.js></script>
<script src=${ctx}/js/noty/layouts/topCenter.js></script>简单的例子：if(name=="删除" || name=="登记"){
$("#noty_topCenter_layout_container").remove();
noty({
text: "您真的确定要"+na...
1. 数据 一共包含了全国3049所大学, 从人人网拷贝的 (仅供学习交流, 请勿用于商业项目), 这是一个脚本文件, 里含的JSON对象存储了学校的信息, 格式为: 代码如下: var schoolList=[ { "id":1, //省份id "school": [ { "id": 1001, //学校id "name": "\u6e05\u534e\u5927\u5b66" //学校名称 } /.... ], //这个省的学校 "name": "\u5317\u4eac" }, //... ]; 2. 步骤 2.1 弹框的构造及弹出方式 目前弹框分为iframe和div两种形式, 在本...
1.链接 代码如下: 'c_06c','onclick'=>'return art_del_confirm("/company/msglog/delete/id/'.$data->zml_id.'","你确定要删除这条消息吗？")'))?> 2.jq 代码如下: //单项删除确认框 function art_del_confirm(url,message){ message = message?message:'你确定要删除这条数据吗？'; art.dialog({ title: '确认删除', okValue:'确认', cancelValue:'取消', width: 230, height: 100, fixed: true, content: message, ok: func...
代码如下: 弹框遮罩效果 #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;} $(function(){ $("#dialog").dialog({ autoOpen:false, buttons:[{ text:"ok", click:function(){ $("#dialog").dialog("close...
代码如下：Tabs /* Remove margin padding */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td { margin:0; padding:0; } /* Default Font */
body,button,input,select,textarea { font:12px/1.5 \5b8b\4f53,arial,sans-serif; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
address,cite,dfn,em,var { font-style:normal; }
code,kbd,pre,samp { font-family:...
先查看<form>标签是否有action属性，如果没有，并且最后<button>标签的type属性为submit‘时，默认提交位置就是当前页面
如果在页面右键检查，点击网络，会在开头发现这样的post包：在右侧消息头处可见，请求网址为当前网址，并且响应头部类型为html
所以只要把form表单里最后提交按钮的type="submit"换为type="button"，把按钮变成原生按钮，
就可以正确使用ajax方法传递数据，原因就是form表单最后的提交按钮与使用ajax传递数据冲...
目的：XXXX项目中，很多的弹窗是利用freemarker的网页标签追加的形式实现的，网页弹框只是将隐藏的div显示出来，这样会使网页在预加载时速度变慢，增加页面加载和响应时间
解决方法如下：<已分中心管理的添加分中心弹框实现机制为例>
1.弹框页面部分的html代码和css抽离
html : html/configure/layer-win/_group-add-layer.html
css : css/common/componnentWin.css <自定义弹窗通用样式>
子层html: _group-add-layer.html<!DOCTYP...
jQuery实现点击查看大图并以弹框的形式居中，实现的关键代码如下所示：
*{margin:0;padding:0;}
.tab_bg{display:none;width:100%;height:100%;background:#282829;z-index:99;position:absolute;}
.tab_img{width:100px;height:100px;margin:20px;}
.tab_img img{width:100%;height:100%;}
.bigImg{display:none;width:300px;height:300px;z-index:999;position:absolute;left:50%;margin-top:-150px;margin-left:-150px;}
.bigIm...
代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>弹框遮罩效果</title> <style type="text/css"> #dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;} #dialog_lin...
1.链接 代码如下:<?php echo CHtml::link(Yii::t(cmp,Delete),javascript:,array(class=>c_06c,onclick=>return art_del_confirm("/company/msglog/delete/id/.$data->zml_id.","你确定要删除这条消息吗？")))?> 2.jq 代码如下:<script> //单项删除确认框 function art_del_confirm(url,message){ message = message?message:你确定要删除这条数据吗？; art.dialog({ title: 确认删除, okValue:确认, cancelValue:取消, width: ...
1. 数据 一共包含了全国3049所大学, 从人人网拷贝的 (仅供学习交流, 请勿用于商业项目), 这是一个脚本文件, 里含的JSON对象存储了学校的信息, 格式为: 代码如下:var schoolList=[ { "id":1, //省份id "school": [ { "id": 1001, //学校id "name": "\u6e05\u534e\u5927\u5b66" //学校名称 } /.... ], //这个省的学校 "name": "\u5317\u4eac" }, //... ]; 2. 步骤 2.1 弹框的构造及弹出方式 目前弹框分为iframe和div两种形式, 在本...
