在做项目的时候,来了这么一个需求,要求打开模态框后,点击空白的地方不让他自动关闭,只能点击关闭按钮才能关闭。有了需求,就开始查找资料寻求解决的方法。我找到的解决方法如下:$('#registCompany').modal({backdrop: 'static', keyboard: false});...
分类:
其他好文 时间:
2015-05-26 14:03:03
阅读次数:
161
在《【AmazeUI】模态框》(点击打开链接)一文中,已经介绍过在AmazeUI这个手机版前端框架中,怎么使用模态框了,但是这篇文章提到的模态框只是那些单纯的模态框。如果要实现一个有表单,同时又有“提交”与“关闭”的按钮,要做出如下的效果,哪应该怎么实现呢?
首先同样是HTML布局:
...
分类:
其他好文 时间:
2015-05-22 22:39:53
阅读次数:
277
模态框这东西在很多前端框架里面也是存在的,但是很多前端框架,如Bootstrap,AmazeUI,Jquery对IE6的兼容性极其糟糕,因此如果自己手写一个纯粹javascript无任何插件的的模态框,不仅能够兼容IE6,对其它浏览器很有很大的兼容性,同时,也好改。
一、基本目标
比如如下的模态框,怎么用在纯粹html+css+javascript,在无任何前端插件的情况下实现呢?
...
分类:
编程语言 时间:
2015-05-22 11:39:01
阅读次数:
134
最近编程有一个需求:本页面上传文件后,弹出模态框,显示后端返回的内容。再根据模态框的指示做其他操作。
$.ajax()提交多次发现总是失败。
发现ajax是不能直接提交"multipart/form-data"类型的数据,需要用到jquery.form.js中的$.ajaxSubmit()方法。
你的模板XXX.html:
function file_upload(){...
分类:
Web程序 时间:
2015-05-21 22:44:54
阅读次数:
343
一、模态框(modal)插件1)为要触发模态框的组件添加data-toggle="modal",data-target="对应ID"2)使用一个div实现modal,给外层的div赋予类.modal,.fade,内嵌两个div,分别赋予类.modal-dialog和.modal-content. ....
分类:
其他好文 时间:
2015-05-19 10:23:42
阅读次数:
100
今天给大家分享一款轻量级Modal模态框插件cta.js。这是一款无需使用jQuery插件,纯js编写的模态框弹出特效。效果图如下:在线预览源码下载实现的代码。html代码: ...
分类:
Web程序 时间:
2015-05-11 14:31:45
阅读次数:
207
模态框在任何一个系统的布局里面都是很重要的东西。其实个人觉得直接一个alert()更好,但现在很多人觉得alert()的弹出框太不给力。同时alert()里面也不宜放置太多文本。如果需要做注册的“服务协议”等本页面内弹出窗口,此时可以考虑使用到Ratchet的模态框。
效果如下:
Ratchet的模态框仅能通过...
分类:
其他好文 时间:
2015-05-06 17:52:19
阅读次数:
148
本文与《【Ratchet】模态框》(点击打开链接)为姊妹篇,相比之下,AmazeUI的模态框,更加接近于一个alert(),不适合承载过多的内容,但是其优点就是可以通过JS操控,Ratchet仅能通过超级链接a标签打开。
AmazeUI的模态框效果如下:
完全就如同某些手机浏览器对alert()的处理。其现实代码如下:
...
分类:
其他好文 时间:
2015-05-06 17:48:29
阅读次数:
167
原文转至http://blog.csdn.net/violet_day/article/details/17170585$modal是一个可以迅速创建模态窗口的服务,创建部分页,控制器,并关联他们$modal仅有一个方法open(options)templateUrl:模态窗口的地址template...
分类:
Web程序 时间:
2015-05-05 11:55:06
阅读次数:
24346