随笔分类 - Web UI
摘要:/Files/jcomet/web打印系统.rar网页打印控件Lodop(V4.0)使用说明及样例Lodop是专业Web打印控件,类型为ActiveX插件,用它既可裁剪输出页面内容,又可用程序代码生成复杂打印页。该控件功能异常强大,却简单易用。功能用JavaScript调用,主要接口函数如下:●PRINT_INIT(strPrintTaskName)打印初始化●SET_PRINT_PAGESIZE(intOrient,intPageWidth,intPageHeight,strPageName)设定纸张大小●ADD_PRINT_HTM(intTop,intLeft,intWidth,intHe
阅读全文
摘要:百度空间的弹出窗口和拖拽效果(也就是popup.js),代码精简,效果也很好,我们可以在很多大型网站上见到这种效果,在我的项目中也使用了该js。 原有百度的Popup.js在有view sourceprint?1声明的网页下存在兼容性问题,即在IE6,7,8下,遮罩层是可以全屏,但在Firefox和Chrome下无法全屏遮罩。 造成遮罩层在FF和Chrome下无法全屏的问题在267行:view sourceprint?1var C = '';遮罩层dialogBoxBG 的style只是单纯的设置为height:100%,所以在有声明下的页面无法兼容FF和Chrome。 然而目
阅读全文
摘要:这几天做一个Web项目,使用了ExtJs,其中有个像设计器一样的界面,选择界面上的内容,可以直接编辑内容的属性,这个原本来说对于使用ExtJs还是很简单的。ExtJs本身就提供了丰富的空间和良好的界面开发,就如同WinForm的开发一样。但是ExtJs的空间也有不完美的地方,但是有缺点也有他自己的弥补方法。ExtJs的良好的扩展性就是ExtJs自己控件不能实现的最好的方法。 这几个中使用最多的当属ExtJs的PropertyGrid,ExtJs的PropertyGrid使用起来时相当简单的,在ExtJs的官方网站上也有相应的例子,简单的就不在叙述了。但是ExtJs本身的PropertyGrid
阅读全文
摘要:ExtJs是一个非常好的客户端JavaScript,他的很多空间都可以自定义而且也可以扩展。 在ExtJs的官方网站上有一个带图片的下拉列表,其中扩展了ExtJs的Combo,名称叫做IconCombox,官方地址为:http://www.extjs.com/learn/Tutorial:Extending_Ext_Class_Chinese 但是这个IconComboBox有个缺点,就是显示的图片不能按比例变化。如果图片太大,就会出现覆盖了Combobox中的字,或者出现Icon显示不全种种问题,后来读了IconComboBox的源代码,修改了其中的问题:在Ext.ux.IconCombo.
阅读全文
摘要:前段时间发布了Jquery类库1.4版本,使用者也越来越多,为了方便大家对Jquery的使用,下面列出了一些Jquery使用技巧。比如有禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素是否存在于Jquery集合中、使DIV可点击、克隆对象、使元素居中、计算元素个数、使用Google主机上的Jquery类库、禁用Jquery效果、解决Jquery类库与其他Javascript类库冲突问题。具体如下:1. 禁止右键点击view plaincopy to
阅读全文
摘要:文件上传 带进度条 多种风格 非常漂亮!友好的提示 以及上传验证!部分代码: 文件上传 请选择要上传的文件 upload.aspx:if (this.IsPostBack){ ...
阅读全文
摘要:js: LoadClass.ashx:using System;using System.Web;using System.Text;using System.Data;public class LoadClass : IHttpHandler { public void ProcessRequest (HttpContext context) { // 数组 [{"ID":"275","Cname":"A1"},{"ID":"319","Cname":&
阅读全文
摘要:题目有点标题党了,先来个图弥补一下。怎么样,是不是有点心动了,完全CSS+Div打造。再看一下简单而又漂亮的是不是也还可以呢?下面看下代码是怎样的css:代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->1.graph{2position:relative;3width:200px;4border:1pxsolid#B1D632;5padding:2px;6margin-bottom:.5em;7}8.graph.bar{9display:
阅读全文
摘要:Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示。不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示或下载。官方下载官方文档官方演示首先按下面的步骤来实现一个简单的上传功能。1 创建Web项目,命名为JQueryUploadDemo,从官网上下载最新的版本解压后添加到项目中。2 在项目中添加UploadHandler.ashx文件用来处理文件的上传。3 在项目中添加UploadFile文件夹,用来存放上传的文件。进行完上面三步后项目的基本结构如下图:4 Default.aspx的html页的代码
阅读全文
摘要:片上传预览是一种在图片上传之前对图片进行本地预览的技术。使用户选择图片后能立即查看图片,而不需上传服务器,提高用户体验。但随着浏览器安全性的提高,要实现图片上传预览也越来越困难。不过群众的智慧是无限的,网上已经有很多变通或先进的方法来实现。例如ie7/ie8的滤镜预览法,firefox 3的getAsDataURL方法。但在opera、safari和chrome还是没有办法实现本地预览,只能通过后台来支持预览。在研究了各种预览方法后,作为总结,写了这个程序,跟大家一起分享。上次写的简便无刷新文件上传系统最初的目的就是用来实现这个图片预览效果的。兼容:ie6/7/8, firefox 3.5.5
阅读全文
摘要:本文代码要实现的目标:与qq邮箱相同的换肤功能,qq邮箱中设置皮肤的部分使用的iframe,这里使用的是jquery异步换肤。业务逻辑与数据访问层与"第一季"基本相同。简单流程:1、从数据库获取风格模版的列表。2、获取一个用户所选择的风格模版,若该用户从未选择风格模版,那么使用默认选中项3、用户点击图片即可更改风格模版。使用的技术:三层架构,mvc,linq,jquery。下面是效果图:之前的风格:选择后的风格:局部视图(partialView)代码Code highlighting produced by Actipro CodeHighlighter (freeware
阅读全文
摘要:本文代码要实现的目标:显示可供用户选择的风格模版,并允许其更新选择。简单流程:1、从数据库获取风格模版的列表。2、获取一个用户所选择的风格模版,若该用户从未选择风格模版,那么使用默认选中项3、用户更改风格模版后保存。使用的技术:三层架构,mvc,linq,jquery。废话不多说,直接上图片:之前的风格:选择后的风格:局部视图(partialView)代码Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->>"%>请选择样式
阅读全文
摘要:网上基于jQuery的表单验证插件已有很多,但是这个轮子我还是继续做一个,因为这个表单验证插件是从我以前的个人JS框架移值过来的(我已慢慢投入jQuery的怀抱),并且它的验证规则书写方式也许会让你眼前一亮。网上的各类表单验证插件的验证规则都是写在脚本里的,但我的插件的验证规则却是写在表单元素的属性里的。如下面的例子:Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->注意看上面代码中以“jv“开头的各种属性名,这些都是表单验证插件需要用的属性值
阅读全文
摘要:在WinForm程序开发中,经常用MessageBox弹出某些提示,功能虽简单但却非常的实用!而在Web页面中,浏览器也提供了Alert或Confirm等脚本语句用于弹出提示窗口,如下图: 但是这些弹出来的窗口的样式非常的单调无法设置,并且窗口标题还根据不同的浏览器显示不同的标题内容,非常的丑陋!对于高审美观的现代人来说,就大打折扣了!jQuery现在这么流行、这么火,但网上却好像还是没有提供类似于MessageBox的插件(或者只是我没有找到而已),类似的模式窗口插件倒是有一大堆,但这都不是我想要的。没现成的,就只好花点时间将我以前写的基于我的个人JS框架的MessageBox移值过来,也就
阅读全文
摘要:前序:本来前三篇文章已经将CSS圆角框讲解完毕,但从网友反馈中,都说到不好使用,因此有了这篇文章,本文主要是将前面的结果总结修订后进行JS封装,方便调用。在本次封装中,增加了对真正img标签引用的图片实现圆角化,之前的圆角图片大多是基于背景图片的,因为纯css无法实现img图片的圆角,有了js的加入,就变成可能了。并且在这次封装过程中修正了上次的背景图片下面两个圆角图片的定位错误问题。其实这个控件...
阅读全文
摘要:在上面的案例中,我只给出最为原始的圆角框模型,它还是存在一些不足之处。比如不能将图片应用到圆角框内。而在本例中,我会在上面的基础上作出一些创新。就是将背景图片也圆角化,好像目前在网络上还没有这样的功能应用,我只见过用js方式来实现的,可以参看我的《超圆滑圆角框的半完美解决方案》一文中后面几种JS方案。但是纯CSS方式的实现可是我独家所创,如有雷同,只能说英雄所见略同。呵呵!还是先看看最终的效果图,...
阅读全文
摘要:在前面一篇文章中,我们将一张上下渐变的的图片作为标题的背景,并将它应用了圆角效果。是不是这种圆角框只能用于比较单调的图片呢?我们还能将一些颜色比较丰富的图片也进行透明圆角化吗?答案是肯定的,下面看看它的终极功夫。还是先看最终效果图吧!图一看到了吧,这就是用纯CSS实现的圆角化图片,为了能看到透明化的效果,我特意应用了一个背景图片,你可以下载本模型到你的电脑中,随意伸缩窗口的大小,看看外圆角是否是透...
阅读全文
摘要:第一章、基本的圆角框 原创:冰极峰 转载请注明出处 2009年11月30日10:19:34文章导航:第一章:基本的圆角框第二章:透明圆角化背景图片第三章:圆角化图片 第四章:CSS圆角框组件 V1.0序言:在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案,基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的另一篇文章《无图片山顶角》中又是一个另类的实现方法。纯C...
阅读全文
摘要:刚刚在百度上看到了,很多都蛮好看的。呵呵... ...最近打算重整下后台界面,给用户操一个舒适,易作的空间,收集到以下模板,挺不错,供大家下载,转载请注明文章的原出处,谢谢很漂亮实用的后台模板,深蓝色风格,带登陆页面及后台操作页面,功能页面以选项卡形式打开,左边菜单效果也挺动感的,确实是个不错的后台模板。 请下载附件中的源码,不要直接复制 (已下载 419 次)点击下载源码文件: admin-templates.rar//PHP开源代码 办公自动化系统OA简单后台模板,深蓝色风格,带登录页面及后台操作页面,操作页以选项卡形式打开,操作还是挺简单的,是不久前开发的一款OA系统所改编而来。 请下载
阅读全文
摘要:今天终于有时间把我以前写的一个jQuery插件进行整理,改进。这是一个模拟“模式对话框”的插件,该模式对话框共有三种皮肤,红、绿、蓝。页面滚动时随着滚动条固定在屏幕的中央,模式对话框中的内容为两种,一是iframe引入,一是HTML语句插入。在网站开发中十分常用,使用该插件十分的简单。来看一下运行效果。图1红色界面图2绿色界面图3蓝色界面插件使用1、首先引入样式文件,详细代码如下所示:着里面的id一定不要忘记,他是用于切换插件皮肤的。2、接着引入jQuery的js文件,具体代码如下:3、最后引入模式对话框插件,具体代码如下:4、编写用于点击的HTML代码,具体代码如下:单击我--模式对话框5、
阅读全文