![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Front End
文章平均质量分 62
luckystar2008
个人博客:https://tommy88.top
展开
-
无限下拉列表
无限增加下拉列表,每个列表的值不重复。即如果选择列表1中的2,那么第2个列表就不会有这个值了。代码: New Document <!-- var div1 = document.getElementById('div1');原创 2011-07-28 15:30:20 · 632 阅读 · 0 评论 -
EXT事件队列
事件队列 Person = function(){ // 注册事件 this.addEvents("idChangeEvent","nameChangeEvent");原创 2011-09-02 23:14:13 · 469 阅读 · 0 评论 -
Ext类别名
Ext.namespace("com.extjs.demo"); // 命名空间别名,首字母要大写 Ns = com.extjs.demo; Ns.Person = function(cfg) { Ext.apply(this,cfg); }原创 2011-09-02 23:16:40 · 381 阅读 · 0 评论 -
Ext命名空间别名
Ext.namespace("com.extjs.demo"); // 命名空间别名,首字母要大写 Ns = com.extjs.demo; Ns.Person = function(cfg) { Ext.apply(this,cfg); }原创 2011-09-02 23:17:17 · 769 阅读 · 0 评论 -
可编辑的下拉列表+模糊搜索(模拟)
index.html: New Document 可编辑的下拉列表原创 2011-09-02 22:57:15 · 2202 阅读 · 0 评论 -
JavaScript图片放大技术
JavaScript图片放大技术代码示例及注释#magnifier{ width:342px; height:420px; position:absolute; top:100px; left:250px; font-size:0; borde转载 2011-09-02 23:07:11 · 399 阅读 · 0 评论 -
Ext类继承
var Person = Ext.emptyFn; Ext.apply(Person.prototype,{ id:0, name:"", print:function(){ alert(String.format("id={0},name原创 2011-09-02 23:15:57 · 376 阅读 · 0 评论 -
Ext为类增加属性和方法
//在类Person上增加一个属性id,值为1001,name,值为zhangsan 。 //增加一个方法sayHello() Ext.apply(com.extjs.prototype.Person.prototype,{ id:1001, name原创 2011-09-02 23:19:22 · 537 阅读 · 0 评论 -
Ext类静态方法
var Student = function(){} Ext.apply(Student.prototype,{ id:0, name:"", print:function(){ alert(String.format("id={0},na原创 2011-09-02 23:18:31 · 571 阅读 · 0 评论 -
Ext命名空间
// 命名空间,类似Java中的包。 Ext.namespace("com.extjs.prototype");// 定义一个该命名空间下的类 com.extjs.prototype.Person = function(){ // 没有任何属性和方法。原创 2011-09-02 23:20:58 · 518 阅读 · 0 评论 -
js实现拖拽分页【转】
鼠标拖拽分页blogbody{ border:0px; margin:0px; overflow:hidden; background-color:transparent; font-family:宋体;}.page{ po转载 2011-09-02 23:04:37 · 516 阅读 · 0 评论 -
JS软键盘密码输入器
JS软键盘密码输入器window.onload=function(){password1=null;initCalc();}var CapsLockValue=0;var check;self.onError=null;currentX = curre转载 2011-09-02 23:11:10 · 934 阅读 · 0 评论 -
Ext方法重写
var Person = function(cfg){ Ext.apply(this,cfg); } Ext.apply(Person.prototype,{ print:function(){ alert(String.format("id原创 2011-09-02 23:15:17 · 1019 阅读 · 0 评论 -
Ext类的构造方法
// 类的构造方法 // _cfg实际上就是对象初始化要传递的值。 // 这种写法可以减少代码量,但是肯能代码会看的不太明显,不太清楚类有哪些属性。 Test = function(_cfg){ Ext.apply(this,_cfg); }原创 2011-09-02 23:17:58 · 538 阅读 · 0 评论 -
使用dTree构建树形菜单
Destroydrop » Javascripts » TreedTree » 使用示例 » 示例全部打开 | 全部关闭 <!-- xx = new dTree('xx'); xx原创 2011-09-10 02:47:48 · 518 阅读 · 0 评论 -
JS时间选择器
发现网上日前选择器很多,时间选择的好像不多。自己就写了一个。 TimePicker<!-- function timeShow(obj) { var isShow = true; var isFirst = tr原创 2011-09-09 10:45:13 · 760 阅读 · 0 评论 -
[转载]JS获取当前对象大小以及屏幕分辨率等
function getInfo(){var s = "";s += " 网页可见区域宽:"+ document.body.clientWidth;s += " 网页可见区域高:"+ document.body.clientHeight;s += " 网页可见转载 2011-09-10 03:31:35 · 859 阅读 · 0 评论 -
js导出Excel
1.原来直接可以使用js来导出Excel,这个世界简直太奇妙了!把网页中的一个表格(含表格中的内容)复制到Excel的一个Sheet中,具体步骤如下一、 创建一个含有表格的网页1、网页代码如下利用Jscrīpt复制网页中的表格到Excel转载 2011-09-14 12:27:38 · 2617 阅读 · 5 评论 -
将页面中指定表格的数据导入到Excel中
将页面中指定表格的数据导入到Excel中<!--function AutomateExcel(){var oXL = new ActiveXObject("Excel.Application"); //创建应该对象var oWB = oXL.Workb转载 2011-09-14 12:36:20 · 1337 阅读 · 0 评论 -
HTML消息提示层
消息提示 x HelloChina!!!原创 2011-08-17 18:59:24 · 879 阅读 · 0 评论 -
HTML DOM Event 对象
事件句柄 (Event Handlers)属性 此事件发生在何时... onabort 图像的加载被中断。 onerror 在加载文档或图像时发生错误。 onload 一张页面或一幅图像完成加载。 onresiz原创 2011-08-17 12:44:25 · 566 阅读 · 0 评论 -
加载页面等待效果
当一个页面数据量太大时,可能需要加载较长时间,这期间看到的将是白屏,很不好吧。可以使用下面内容在页面加载时展示一些其他的东西,让人知道页面还在加载,而不是页面死了。或没有数据。 New Document .loadpagediv原创 2011-09-15 15:26:52 · 5460 阅读 · 4 评论 -
JS绘制进度条
New Document var progress = 0; var colors = new Array("#FFFF00","#FFCC99","#CCFF33","#FF3300","#6600FF","#66FF33","#原创 2011-09-15 14:50:32 · 729 阅读 · 0 评论 -
JS锁屏
主要利用了2个Div的z-index不同。 .block_overlay { display:none; position:absolute; top:0%; left:0%; width:100%;原创 2011-09-19 21:55:21 · 667 阅读 · 0 评论 -
JS右键菜单
New Document ul li { list-style:none; } // 右键 document.oncontextmenu = function() { var contex原创 2011-09-19 22:10:54 · 424 阅读 · 0 评论 -
Js多选面板
多选面板 <!-- showSelectorWin = function(obj,pros) { div = document.getElementById('div_' + obj.id); if (div != null &&原创 2011-09-19 17:47:37 · 988 阅读 · 0 评论 -
JS柱状图
转载自:hi.baidu.com/qx105b/blog/item/84088ac4ca9histogram.js:var force_color = new Array();var bg_color = new Array();force转载 2011-09-23 14:27:37 · 1812 阅读 · 0 评论 -
VML之Line
VML-Line v\:*{behavior:url(#default#VML);} <!-- var data = "联想|1000;HTC|200;诺基亚|600;摩托罗拉|400;微软|300;三星|550;LG|原创 2011-09-26 15:23:23 · 1476 阅读 · 0 评论 -
JS日历
JS Calendar var id; function Calendar(obj) { id = obj.id; var year; var month;原创 2011-09-22 18:11:39 · 602 阅读 · 1 评论 -
VML之Rect
VML-Rect v\:*{behavior:url(#default#VML);} <!-- var data = "联想|1000;HTC|200;诺基亚|600;摩托罗拉|400;微软|300;三星|550;LG|原创 2011-09-26 16:54:56 · 1142 阅读 · 0 评论 -
jquery.blockUI.js的使用示例
New Document $(function(){ //检测引入的jquery.js是否正确。 alert("jquery 没有问题!"); //默认样式 var a1 = $("a:eq(0)"); a1原创 2011-10-07 12:35:37 · 2282 阅读 · 0 评论 -
将一个数组中2数之和等于某值的元素删除(JS)
New Document <!-- // arr:输入数组,num:2个数的和 function test(ar,num) { var arr = eval(ar); var compareNum = arr[0]; // 保存2数之和等于num的组合。 var numArr = new Array();原创 2012-03-05 12:21:40 · 1469 阅读 · 0 评论 -
WEB开发中的提示
1.当后台处理时间较长时,可在提交前显示一个层提示 : function submitXform() { var params = {width:300,height:60}; var layer = new Layer(params); layer.showStringLayer("正在检查并提交,请稍等..."); inputForm原创 2012-03-05 12:27:45 · 540 阅读 · 0 评论 -
利用ActiveX实现本地文件夹选择功能(JS,HTML)
New Document <!--var FolderTree = function() { var ft = this; // 文件夹图标,分别在树展开和关闭时显示 this.driveImage = new Array("+","-"); // 要呈现树的容器ID this.containerId = ''; //原创 2012-03-05 12:24:11 · 1775 阅读 · 0 评论 -
ext--Ajax
ajax.html Ext.onReady(function(){ Ext.Ajax.request({ url: 'time!getTime.action', success: function(response, opts) { E原创 2012-05-21 22:03:05 · 646 阅读 · 0 评论 -
ext--form layout
layout_form.html Ext.onReady(function(){ var f = new Ext.form.FormPanel( { title:"灵活布局的表单",//表单标题 labelAlign:"right",//标签布局 labelWidth:65,//标签宽原创 2012-05-21 22:05:51 · 762 阅读 · 0 评论 -
ext--消息框
messbox.html --> alert1 = function(){ Ext.MessageBox.alert("你好","现在时间是:"+new Date()); } alert2 = function(){ Ext.M原创 2012-05-21 22:12:14 · 557 阅读 · 0 评论 -
ext--form
form2.html <link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css"> Ext.onReady(function(){ //用户名 var username = new Ext.form.T原创 2012-05-21 22:04:45 · 630 阅读 · 0 评论 -
ext--表单初始化
表单初始化 Ext.onReady(function(){ var f = new Ext.form.FormPanel( { title:"表单初始化", url:"", method:"post", frame:true, width:300, aut原创 2012-05-21 22:06:38 · 1293 阅读 · 0 评论 -
ext--表单验证
validate.html Ext.onReady(function(){ Ext.QuickTips.init(); // 非空验证,通过allowBlank:false实现 var name = new Ext.form.TextField( { name:"name", fie原创 2012-05-21 22:07:23 · 742 阅读 · 0 评论