JavaScript
文章平均质量分 87
hoojo
一直被模仿,从未被超越!
展开
-
60款很酷的 jQuery 幻灯片演示和下载
转自:http://www.cnblogs.com/lhb25/archive/2011/05/31/2056103.htmljQuery 是一个非常优秀的JavaScript 框架,使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入漂亮的效果,其中之一就是幻灯片效果的实现,这是一种在有限的网页空间内展示系列项目时非常好的方法。 今天这篇文章要给大家分享的转载 2013-09-26 15:41:02 · 9849 阅读 · 3 评论 -
Ext 中,为Ext.form.HtmlEditor添加键盘事件
<br />这里扩展了Ext.form.HtmlEditor组件,为其添加了keyup,keydown,keypress事件监听。重写了Ext.form.HtmlEditor的方法:<br />initEditor、initComponent;<br /> <br />重写后的Ext.form.HtmlEditor示例:<br /> <br />/*** * 重写Ext.form.HtmlEditor,为其添加键盘事件 * author: hoojo * email: hoojo_@126.co原创 2010-10-14 15:25:00 · 4753 阅读 · 2 评论 -
JavaScript js cookie的添加、删除、修改和查询
<br />支持中文添加不会乱码,可以用unescape、escape或是encodeURI、decodeURI进行编码转换就可以解决乱码。<br /><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>JS操作cookie.html</title> <meta http-equiv="keywords" content="keyword1,keyword2原创 2010-09-28 15:51:00 · 12318 阅读 · 6 评论 -
HTML布局定位:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全带图详解
<br />网页可见区域宽: document.body.clientWidth;<br />网页可见区域高: document.body.clientHeight;<br />网页可见区域宽: document.body.offsetWidth (包括边线的宽);<br />网页可见区域高: document.body.offsetHeight (包括边线的宽);<br />网页正文全文宽: document.body.scrollWidth;<br />网页正文全文高: document.body转载 2010-09-29 11:50:00 · 5013 阅读 · 1 评论 -
用js javascript 创建网页快捷方式
javascript 创建网页快捷方式原创 2010-09-21 11:02:00 · 5304 阅读 · 3 评论 -
js javaScript 操作cookie
<br /> String.prototype.Trim = function() { return this.replace(/^/s+/g,"").replace(//s+$/g,""); } function JSCookie() { this.GetCookie = function(key) { var cookie = document.cookie; var cookieArray转载 2010-08-31 09:08:00 · 2235 阅读 · 1 评论 -
ExtJS EditorGridPanel 示例之xml格式Store前后台增删改查
本示例用到的是Ext.data.Store/Ext.data.XmlReader解析器,解析后台传递的xml格式数据,当然也可以将UserPagingEditorGridPanel.USER_STORE_URL = "your.xml";这样也是可以的,但注意的是文件中定义的xml文档的格式要和store中的Ext.data.Record.create解析数据标签名称对应,本示例还用到了数据的简单过滤“性别”以及对脏数据的显示及其提交、修改等,下次将会提供更复杂的过滤查询。原创 2010-08-27 13:02:00 · 3203 阅读 · 2 评论 -
ExtJS EditorGridPanel 示例之Array格式Store前后台增删改查(不支持分页)
用Array格式的数据形式:Ext.data.SimpleStore,默认数组解析器,实现editorGrid的增删改查上一示例扩展了ArrayReader组件就支持分页,这里用默认的就不支持分页了;插入图片以示真相,确实用默认的ArrayReader是不能分页。就算加上Ext.PagingToolbar分页工具条也是枉然,只是个摆设不能分页的,但可以结合静态数据分页的store还是可以的;见:http://blog.csdn.net/IBM_hoojo/archive/2010/08/19/5原创 2010-08-27 13:40:00 · 3405 阅读 · 1 评论 -
ExtJS EditorGridPanel 示例之JSON格式Store前后台增删改查
用JSON格式的数据形式:Ext.data.Store,Ext.data.JsonReader解析器,实现editorGrid的增删改查至此,ExtJS中常用的3中交互方式的示例全部在此。其中json格式交互方式最为常用。原因是xml格式体积过于庞大,里面有标签过多。而array数组格式的文件,虽然提交很小。传输速度快。但在数据量很大的情况下,数据的可读性几乎全无。后来出现了json,它简化了xml文件提交庞大的问题,可读性也非常好、在网络中的传输速度也很快,且易于使用、学习。原创 2010-08-27 13:52:00 · 12980 阅读 · 10 评论 -
ExtJS EditorGridPanel 示例之Array格式(自定义Array解析器)Store前后台增删改查
用Array格式的数据形式:Ext.data.Store,自定义Ext.data.ArrayReader数组解析器,实现editorGrid的增删改查本示例最大的不同就是采用数据传递形式不同,用到的是Array格式。但ext v2.2版本中的ArrayReader结合Ext.data.Store不支持分页,所以本示例进行扩展ArrayReader文件。原创 2010-08-27 13:25:00 · 2609 阅读 · 0 评论 -
SWFUpload
<br /><br />SWFUpload<br />SWF多文件无刷新上传,利用flash完成多文件上传操作。服务器端可以用Struts、Servlet、JSP完成,这里用Struts1.x完成上传<br />1、首先看下目录结构<br /><br />SWFUpload这个文件夹是核心文件,里面的文件一个都不能少。<br />css文件夹是样式文件,所有的样式可以在此文件中修改完成<br />images是图片<br />jslib是js库文件,需要的上传的js文件和flas原创 2010-12-21 16:28:00 · 5119 阅读 · 1 评论 -
ExtJS 文件浏览器,可以选择文件和文件夹
话说long long ago,在本人开发项目时,需要导入一个文件夹(目录)下的文件,通过解析其中的数据并入库。选择一个文件目录,好像没有这个控件。开始想到了不选目录,选文件。但是要选多个文件哦,而且数目不固定。用file文件浏览不好,想到了用swfUpload可以选择多个文件。可以做到,但是还是选择文件不是选择目录。不是我想要的,想呀想的……诶~可以用ExtJS,自己扩展一个还是可以的。于是就有了今天这篇文章和这个文件浏览器。extFileBrowser.htmlExt 文件浏览选择器原创 2010-11-03 18:41:00 · 11400 阅读 · 12 评论 -
几款极好的 JavaScript 文件上传插件
jQuery File Uploader这是最受欢迎的 jQuery 文件上传组件,支持批量上传,拖放上传,显示上传进度条以及校验功能。支持预览图片、音频和视频,支持跨域上传和客户端图片缩放,支持的服务端平台有:PHP, Python, Ruby on Rails, Java, Node.js, Go 等等。使用示例:?1234转载 2013-09-26 15:22:25 · 9418 阅读 · 3 评论 -
Web 通信 之 长连接、长轮询(long polling)
基于HTTP的长连接,是一种通过长轮询方式实现"服务器推"的技术,它弥补了HTTP简单的请求应答模式的不足,极大地增强了程序的实时性和交互性。一、什么是长连接、长轮询?用通俗易懂的话来说,就是客户端不停的向服务器发送请求以获取最新的数据信息。这里的“不停”其实是有停止的,只是我们人眼无法分辨是否停止,它只是一种快速的停下然后又立即开始连接而已。二、长连接、长轮询原创 2013-09-26 15:07:19 · 9313 阅读 · 2 评论 -
在Flex (Flash)中嵌入HTML 代码或页面—Flex IFrame
在flex组件中嵌入html代码,可以利用flex iframe。这个在很多时候会用到的,有时候flex必须得这样做,如果你不这样做还真不行……flex而且可以和html进行JavaScript交互操作,flex调用到html中的JavaScript方法以及获取调用后的返回值。1、flex iframe下载地址:https://github.com/downloads/flex原创 2013-08-15 16:11:13 · 7143 阅读 · 0 评论 -
jQuery 获取屏幕高度、宽度
做手机Web开发做浏览器兼容用到了,所以在网上找了些汇总下。alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).out转载 2012-02-16 17:48:17 · 3758 阅读 · 3 评论 -
jquery blockUI 扩展插件 Dialog
对jQuery blockUI插件进行了小的封装扩展,支持confirm、alert、dialog弹出窗口提示信息,支持按钮回调事件。可以自定义css样式、覆盖blockUI的样式等首先要到jquery blockUI 官方网址:http://malsup.com/jquery/block/下载jquery.blockUI JS lib:http://malsup.com/jque原创 2012-01-05 17:34:20 · 3754 阅读 · 4 评论 -
Spring整合DWR comet 实现无刷新 多人聊天室
用dwr的comet(推)来实现简单的无刷新多人聊天室,comet是长连接的一种。通常我们要实现无刷新,一般会使用到Ajax。Ajax 应用程序可以使用两种基本的方法解决这一问题:一种方法是浏览器每隔若干秒时间向服务器发出轮询以进行更新,另一种方法是服务器始终打开与浏览器的连接并在数据可用时发送给浏览器。第一种方法一般利用setTimeout或是setInterval定时请求,并返回最新数据,这无原创 2011-06-08 06:55:00 · 5484 阅读 · 7 评论 -
Struts2、Spring3、MyBatis3整合ExtJS,完成ColumnTree 【一】
开发环境: System:Windows WebBrowser:IE6+、Firefox3+ JavaEE Server:tomcat5.0.2.8、tomcat6 IDE:eclipse、MyEclipse 8 Database:MySQL 开发依赖库: JavaEE5、Spring 3.0.5、Mybatis 3.0.4、myBatis-spring-1.0、Struts2.2.3、junit4.8.2、ext2.2.2 Email:hoojo_@126.com Bl原创 2011-05-11 09:12:00 · 5448 阅读 · 8 评论 -
IE6、IE7、IE8的CSS、JS兼容
Internet Explorer 6中查看使用 Microsoft JScript 的网页,可能会遇到web浏览器速度较慢的性能问题。原因是如果js脚本同时创建大量变量,jscript引擎执行垃圾收集算法时会监视脚本中变量分配的数量、脚本中使用的文字值的数量和脚本中分配的字符串值的总大小,如果超过这些值的阈值,就会发生垃圾收集,垃圾收集进程会中断正在运行的脚本。因此,这些运行中的脚本将被挂起,直至垃圾收集完成为止。 IE6、IE7、IE8在CSS和JS方面的区别: 1、IE8中的css中关于width转载 2011-01-12 10:25:00 · 3604 阅读 · 1 评论 -
Struts2、Spring、Hibernate整合ExtJS
SSHExtTree 百度文库提供下载:http://wenku.baidu.com/view/485e4d36f111f18583d05aed.html 开标题就知道是Struts、Spring、Hibernate、ExtJS的Tree实例文档,其中包括Filter功能的checkNodeTree、comboBoxCheckNodeTree、comboBoxTree这三种扩展的tree。不错,如果你不了解Struts、Spring、Hibernate、ExtJS,也不要紧。跟着我做,做出这个例子应该木原创 2011-01-07 11:19:00 · 4569 阅读 · 3 评论 -
Java web 开发: 随机生成验证码,支持大小写字母、数字;随机字体
java随机产生验证码,可以随机生成数字、大写字母、小写字母。还可以随机生成文字字体、及大小。在图片上面可能字体都不不同、大小不等。package com.hoo.util;import java.awt.Color;import java.awt.Font;import java.awt.Graphics;import java.awt.image.BufferedImage;import java.util.Random;import javax.imagei原创 2010-08-24 13:48:00 · 5603 阅读 · 3 评论 -
js javaScript array 取指定元素索引、判断是否相同、重复、过滤数据
最近写js也多了,Array中有好多方法不够用。自己加了些以后还可能用到。修改same方法bug原创 2010-06-17 12:19:00 · 5173 阅读 · 0 评论 -
js javaScript中String添加replaceAll 方法
String.prototype.replaceAll = function(s1, s2) { return this.replace(new RegExp(s1, "gm"), s2); //g全局 }原创 2010-06-17 11:36:00 · 2298 阅读 · 0 评论 -
javascript js 可上、下移动下拉列表选项
兼容FireFox、IE,可以上下,顶部,底部移动的select option的jsmoveOption.html原创 2010-07-21 19:29:00 · 2815 阅读 · 2 评论 -
javascript js脚本中,正确的代码却没有正确的结果【怪异】
<br />今天写jQuery有遇到一个很怪异的问题,我在页面写了一些代码。在firefox中运行成功了,继续写……当我写完了后在firefox中还是能够运行的,没有出现错误;也没有什么不兼容的地方,但是到了IE上就不能显示了;页面什么脚本错误;后台做了些测试,在函数入口处放入alert;也没有执行,调试了半天也没有调试出来是什么原因,连jQuery入口函数都不走;还有什么办法。最后去掉docType还是白板一张!想了半天也没有想出是什么错误,过了阵子;我想起在一年前我写ExtJS的时候,也是这原创 2010-07-19 17:39:00 · 1848 阅读 · 5 评论 -
JavaScript js 左右移动下拉列表选项
最开始想每个方法中用一个循环搞定,后来发现循环删除后。options的索引和集合就发生了变化,删除就不成功。有时候还出现selected为空的现象,2个循环就over了;addMulitOptions.html原创 2010-07-20 12:16:00 · 3609 阅读 · 0 评论 -
javaScript js 可滑动的div块
可以滑动的div块原创 2010-07-14 16:56:00 · 4186 阅读 · 0 评论 -
BS系统中,几个常用的小技巧
在BS系统中,有很多小技巧只需要几行代码就可以完成一个丰富的功能。这些技巧被广泛用于BS系统中,下面来看看这些技巧的使用:TEXTAREA自适应文字行数的多少在打开的子窗口刷新父窗口的代码里如何写网页不会被缓存关于鼠标拖动,改变层大小自动显示主页最后更新日期利用〈IFRAME〉来给网页中插入网页如何让滚动条出现在左边禁止鼠标右键查看网页源代码原创 2010-07-02 10:06:00 · 2220 阅读 · 3 评论 -
JavaScript js 操作cookies之增、删、查
<br /><script>//写cookies函数 作者:翟振凯function SetCookie(name,value)//两个参数,一个是cookie的名子,一个是值{ var Days = 30; //此 cookie 将被保存 30 天 var exp = new Date(); //new Date("December 31, 9998"); exp.setTime(exp.getTime() + Days*24*60*60*1000);转载 2010-07-02 15:01:00 · 6929 阅读 · 1 评论 -
JavaScript js div层拖拽(兼容IE6、FF)
最近在论坛里经常看到有人问div拖拽层的问题。根据其中的一个帖子上的代码,本人稍作修改。现在功能已经实现,并且兼容FF、IE。代码如下:原创 2010-07-02 10:50:00 · 4495 阅读 · 1 评论 -
JavaScript js 兼容浏览器问题 兼容FireFox(FF)、IE的解决方法
做BS开发就难免会用到javascript,而每个浏览器对javascript的支持有不同。这就需要我们程序员去兼容他们,不然有些浏览器就无法运行我们的代码。就会造来客户的投诉,如果让BoSS知道了,这可不太好哦。下面是兼容IE和FF的js脚本做法和分解:原创 2010-07-02 09:47:00 · 9325 阅读 · 6 评论 -
JavaScript js 精确、保留小数方法
做BS的兄弟都知道js,我们搞Bs就少不了要和js打些交道。不会一定js还真是不行,有些的地方就是离不开js。在form表单中,有时候会要保留小数。精确小数点到多少位。那么下面的一些方法就可以帮我们做到。原创 2010-07-01 17:52:00 · 14344 阅读 · 2 评论 -
用JavaScript js 控制 Media Player 播放器
控制你的播放器原创 2010-07-22 11:32:00 · 13492 阅读 · 4 评论 -
JavaScript js 仿password功能
javascript仿password功能,将用户输入的信息替换成*。然后得到用户输入的字符串;filterStr.html原创 2010-07-26 16:06:00 · 2404 阅读 · 5 评论 -
在javaScript js文本域中验证整数、小数的方法
在javaScript js文本域中验证整数、小数的方法项目需要为了体现更人性化,要求在文本框录入值的时候不要alert弹出消息提示、做页面提示用户输入错误等消息。所以只能控制用户输入的字符,来杜绝错误的可能。原创 2010-06-17 11:01:00 · 2274 阅读 · 0 评论 -
javascript js 删除表格的行、单元列
动态删除表格的行、列,有点类似于String中的substring函数。不过这里也有开始删除的位置和删除的长度。但是不包括起始位置,用法和substring类似;原创 2010-06-18 14:59:00 · 2111 阅读 · 1 评论 -
JavaScript js csdn 文字滚动广告效果
<br />csdn博客中的招聘广告效果代码<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>csdn 博客 招聘滚动信息广告特效</title> <meta http-equiv="author" content="hoojo"> <meta http-equiv="description" content="this is my page"原创 2010-08-05 13:11:00 · 3022 阅读 · 5 评论 -
jQuery javaScript js 判断浏览器的类型、版本的方法
在jQuery判断浏览器的类型、版本都是通过正则完成的。在1.4版本中:function brs ( ua ) { ua = ua.toLowerCase(); var match = /(webkit)[ //]([/w.]+)/.exec( ua ) || /(opera)(?:.*version)?[ //]([/w.]+)/.exec( ua ) || /(msie) ([/w.]+)/.exec( ua ) || !/compatible/.test( ua原创 2010-06-09 17:24:00 · 2737 阅读 · 0 评论 -
用JavaScript js 控制 Media Player 流媒体
1 OpenStateChange 事件 OpenStateChange 事件表示Player的状态已经发生了改变。Media Player的打开状态有: 0 表示流已经关闭(nsClosed) 1 表示正在装入ASX文件(nsLoadingASX) 2 表示正在装入NSC文件(nsLoadingNSC) 3 表示正在寻找Media Server (nsLocating) 4 表示正在与Media Server建立连接(nsConnecting) 5 表示正在打开或侦听流信息(n原创 2010-06-09 13:29:00 · 8266 阅读 · 5 评论