- 博客(200)
- 资源 (6)
- 收藏
- 关注
转载 现在有这样一个需求,我需要改变两个div的大小,一个变大,另一个就需要变小。
有一排div 吧。然后我让第一个变大,第二个就变小。用ui的resizable方法可以实现,但是有bug。当滑动很快时有很多问题。。研究了一下午,终于在stackoverflow上找到解决方法。网址如下:http://stackoverflow.com/questions/3369045/jquery-ui-resizable-alsoresize-reverse/10247741#102
2014-09-22 14:47:45 2698
转载 IE6常见bug
1、IE6怪异解析之padding与border算入宽高原因:未加文档声明造成非盒模型解析解决方法:加入文档声明2、IE6在块元素、左右浮动、设定marin时造成margin双倍(双边距)解决方法:display:inline3、以下三种其实是同一种bug,其实也不算是个bug,举个例子:父标签高度20,子标签11,垂直居中,20-11=9,9要分给文字的上面与下面,怎
2014-09-03 15:22:04 700
转载 mouseover和mouseout多次触发解决方法(兼容ie和firefox)
原文地址:http://litib.tk/2010/08/mouseover%E5%92%8Cmouseout%E5%A4%9A%E6%AC%A1%E8%A7%A6%E5%8F%91%E8%A7%A3%E5%86%B3%E6%96%B9%E6%B3%95/在用到mouseover和mouseout事件来作为事件触发的条件,但是如果我们用做触发的元素内部有其他的元素的时候当鼠标移上的时候会反
2014-08-29 13:44:10 2930
转载 js中的异常处理try...catch使用介绍
在JavaScript可以使用try...catch来进行异常处理。例如: 复制代码代码如下:try { foo.bar();} catch (e) { alert(e.name + ": " + e.message);} 目前我们可能得到的系统异常主要包含以下6种: EvalError: raised when an error occurs execut
2014-08-11 16:45:16 1123
转载 JS产生随机数的几个用法!
function GetRandomNum(Min,Max){ var Range = Max - Min; var Rand = Math.random(); return(Min + Math.round(Rand * Range)); } var num = GetRandomNum(1,10); alert(num); v
2014-08-05 14:27:49 1451
转载 让chrome支持本地Ajax请求
一般情况下,在chrome中运行一些含Ajax请求的界面原型时,会抛出下面错误: XMLHttpRequest cannot load file:///D:/eclipse/workspace/uiTest/WebContent/table1.html. Origin null is not allowed by Access-Control-Allow-Origin. 从网上看到
2014-08-04 17:43:47 1093
转载 网页禁止鼠标功能代码之禁止鼠标选中
网页禁止鼠标功能代码 这个代码以前在网上找的,试用效果不错,放这里留备份,我想这个也能算是常用的代码之一了。当然啦,查看源码时鼠标肯定可以用啦,不过,有时不用想那么复杂、要求那么强大,况且源码中的代码比文本多。1 JavaScript>2 document.oncontextmenu=new Function("event.returnValue=false;");3 docu
2014-07-03 13:29:31 1236
转载 jQuery UI
jQuery UI界面主题库若需要更多的主题包,可以下载主题包jquery-ui-themes-1.8.1.zip,解压后其中的每一个文件夹代表一个主题。Draggable拖动组件需要导入以下ui文件:jquery.ui.core.jsjquery.ui.widget.jsjquery.ui.mouse.jsjquery.ui
2014-06-13 18:01:02 750
转载 JQuery UI - resizable
概述 resizable插件可以让选中的元素具有改变尺寸的功能。 官方示例地址:http://jqueryui.com/demos/resizable/ 所有的事件回调函数都有两个参数:event和ui,浏览器自有event对象,和经过封装的ui对象 ui.helper - 表示当前被改变尺寸的元素的JQuery对象 ui.originalPosition -
2014-06-13 17:40:03 758
原创 iframe里的页面禁止右键事件
在子页面中加入: document.oncontextmenu = function(){ return false }即可
2014-06-09 15:34:26 7772 2
转载 小心IE的按钮单击事件
在Windows中,当我们快速连续单击一个按钮两次的话,那么会在触发单击事件之后再触发一次双击事件。HTML页面中的按钮控件也遵循这样的行为。但是IE和Firefox对按钮触发的事件的处理是不一样的。IE如果收到双击事件,那么它会忽略掉单击事件。而Firefox则两个事件都会触发。下面是一个小示例。 html> head> head> body>
2014-05-08 14:38:54 1003
转载 javascript函数内部用var声明临时变量需要注意的
在Javascript中,我们在写函数的时候往往需要在函数内部定义一些临时变量。有些人喜欢在用到某个临时变量的时候再声明,而有的人喜欢在函数一开始就声明。一开始我以为这只是个人风格问题,后来细细想了一下,发觉在函数开始即声明是有一定的好处的。看下面这个例子。 var name = "Kevin";function callName(){ alert(name); v
2014-05-08 14:37:34 3139
转载 晒晒自己电脑里的常用工具
前阵子在顾磊的博客上看到他分享自己电脑上辅助软件的文章,觉得不错,于是决定也来晒一晒自己电脑里头的常用工具,分享促进进步,如果你也是个工具控的话,欢迎你也来晒晒。Launchy——快速启动程序两年前一个同事向我推荐了这款软件,一直受用至今。每天我都会无数次的按下Alt+空格,然后输入我要启动的程序的名字(大部分情况下我只需要键入程序的前两个字母即可),直接就打开我要的程
2014-05-08 14:23:12 1073
转载 Javascript 中的false、0、null、undefined和空字符串对象
在Javascript中,我们经常会接触到题目中提到的这5个比较特别的对象——false、0、空字符串、null和undefined。这几个对象很容易用错,因此在使用时必须得小心。类型检测我们下来看看他们的类型分别是什么:script type="text/javascript"> alert(typeof(false) === 'boolean'); alert(
2014-05-08 14:14:52 581
转载 详解Javascript 中的this指针
前言Javascript是一门基于对象的动态语言,也就是说,所有东西都是对象,一个很典型的例子就是函数也被视为普通的对象。Javascript可以通过一定的设计模式来实现面向对象的编程,其中this “指针”就是实现面向对象的一个很重要的特性。但是this也是Javascript中一个非常容易理解错,进而用错的特性。特别是对于接触静态语言比较久了的同志来说更是如此。示例说明我们
2014-05-08 14:07:59 491
转载 javascript在事件监听方面的兼容性小结
1,IE使用attachEvent/detachEvent方法来添加和删除事件监听器;w3c使用addEventListener/removeEventListener方法。 2,IE对其事件使用onevent的命名方式,而w3c的是event的命名方式。 3,IE事件监听器内使用的是一个全局的Event对象,而w3c是将event对象作为参数传递给监听器。 4,为了避免触
2014-05-06 15:31:48 554
转载 Javascript事件监听
firefox中addEventListener()方法和ie中attachEvent()方法都是为HTML元素添加一个事件监听为什么要采用事件监听而不是直接对元素的事件属性(如:onclick、onmouseover)赋值?这两种方法处理事件还是有很大区别的!事件属性只能赋值一种方法,即:button1.onclick = function() { alert(1
2014-05-06 15:29:28 610
转载 mysql卸载
一、卸载原来的mysql:卸载一:输入:#rpm -qa | grep -i mysql显示:mysql-libs-5.1.52-1.el6_0.1.i686卸载方法:yum -y remove mysql-libs-5.1.52-1.el6_0.1.i686卸载二:输入:#rpm -qa | grep -i mysql显示:MySQL-cl
2014-05-05 16:37:46 678
转载 Linux下安装完MySQL后找不到my.cnf文件原因
Linux下用rpm包安装的MySQL是不会安装/etc/my.cnf文件的,至于为什么没有这个文件而MySQL却也能正常启动和作用,在点有两个说法,第一种说法,my.cnf只是MySQL启动时的一个参数文件,可以没有它,这时MySQL会用内置的默认参数启动,第二种说法,MySQL在启动时自动使用/usr/share/mysql目录下的my-medium.cnf文件,这种说
2014-05-05 13:11:27 7024 1
转载 Javascript获取页面各种宽度高度(各种浏览器ie6,ie7,firefox下怎么获取更好兼容)
关于获取各种浏览器可见窗口大小的一点点研究,这里面有些在兼容性不是很好,请看后面的介绍。function getInfo(){ var s = ""; s += " 网页可见区域宽:"+ document.body.clientWidth; s += " 网页可见区域高:"+ document.body.clientHeight; s += "
2014-04-22 16:44:43 3429
转载 window.showModalDialog以及window.open用法简介
一、window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+二、基本语法:window.open(pageURL,name,parameters) 其中:pageURL 为子窗口路径 name 为子窗口句柄 parameters 为窗口参数(各参数用逗号分隔) 三、示例:SCRI
2014-04-14 11:47:22 475
原创 showModalDialog()方法中传入window参数
在父窗口中,假如我们是在服务器控件中调用javascript代码的,你可以这样写:Page.ClientScript.RegisterStartupScript(this.GetType(), "test", "window.showModalDialog('Default4.aspx',window)", true);Default4.aspx就是子窗口的页面。这里要注意不能使用Page
2014-04-14 11:11:27 2293
原创 jQuery.noConflict();
运行这个函数将变量$的控制权让渡给第一个实现它的那个库。这有助于确保jQuery不会与其他库的$对象发生冲突。在运行这个函数后,就只能使用jQuery变量访问jQuery对象。例如,在要用到$("div p")的地方,就必须换成jQuery("div p")。注意:这个函数必须在你导入jQuery文件之后,并且在导入另一个导致冲突的库之前使用。当然也应当在其他冲突的库被使用
2014-04-04 14:45:51 848
原创 关于升级linux下apache
1:Check whether Apache is already installed.# rpm -qa | grep -i httphttpd-tools-2.2.8-3.i386httpd-2.2.8-3.i386[Note: This indicates that Apache 2.2.8 version is installed already]2:Check whe
2013-10-09 14:32:20 6532
转载 yum
Yum 服务安装详解 本地源 和 远端源的做法 为了方便,将本地源和远端源都放到ftp公共目录下 /var/ftp/pub/Server 先安装vsftpd服务 rpm –ivh vsftpd 1.挂载本地镜像 mount /dev/sr o /mnt/cdrom 2.将镜像内的文件复制到本地文件夹下,暂使用 /var/ftp/pub/Server Cp –r /mnt/cdrom
2013-10-08 16:30:12 680
转载 Apache HTTP Server 安装及升级指引
编译与安装 本文仅阐述Apache在Unix和类Unix系统中的编译和安装,在Windows中的编译和安装可以参考在Microsoft Windows中使用Apache。其他平台可以参见针对特定平台的说明文档。 像其它许多开源项目一样,Apache使用libtool和autoconf建立编译环境。 如果你只进行很小的版本升级(比如2.2.54→2.2.55),请直接跳转到下面的升级部分。
2013-09-09 11:19:13 4924
转载 jquery字符串替换
function replace() { var str="tao zhang yi love liu weng ling"; re=new RegExp("l","g"); var newstart=str.replace(re,"t"); alert(newstr); } 运行结果:弹出"tao zhang yi tove tiu w
2013-08-23 17:01:19 767
转载 虚拟机vmware安装win2003
vmware workstation 9windows server 2003 的系统镜像方法/步骤文字介绍可能没那么好理解,所以我以图文的形式演示了Typical~典型安装 Custom~用户自定义【可以自定义虚拟机的参数】
2013-08-06 11:54:03 2737
转载 虚拟机9装xp
工具/原料vmware workstationxp系统镜像文件 (从网上下载)方法/步骤1在如下图所示界面,点击文件->新建虚拟机。2的如下图所示界面,进入虚拟机安装向导:3点击下一步
2013-08-06 11:50:35 848
转载 uncaught exception: [CKEDITOR.editor] The instance “xxxx” already exists
${email.content?default('')} //添加ckeditor编辑器;var editor ; if(!CKEDITOR.instances.content2){ //判定content2是否存在 editor=CKEDITOR.replace("content2");
2013-08-05 13:44:33 2542
转载 jQuery学习笔记--JqGrid相关操作 方法列表 备忘 重点讲解(超重要)
1.获得当前列表行数:$("#gridid").getGridParam("reccount");2.获取选中行数据(json):$("#gridid").jqGrid('getRowData', id);3.刷新列表:$(refreshSelector).jqGrid('setGridParam', { url: ''), postData: ''}).trigger('relo
2013-08-02 13:39:39 2522
转载 jqGrid中文文档(9)–subGrid(子数据表格)
所谓subgrid就是在我们每一条所选中记录下面在出现一个数据表格(如图),里面的内容都是这条父记录的子记录。jqGrid提供了两种处理子记录的方法:subGrid方法和将一个grid作为subGridsubgrid安装:确保你下载的jqGrid的js包中含有grid.subgrid.js组件属性 :下列的属性请在grid的options(选项)中使用(注:详见jqGrid中文文档(2)–
2013-08-02 10:20:54 11686
转载 DIV CSS 网页兼容全搞定 (IE6 IE7 IE8 IE9 火狐 谷歌)
CSS兼容常用技巧 请尽量用xhtml格式写代码,而且DOCTYPE影响 CSS 处理,作为W3C标准,一定要加DOCTYPE声明。 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 http://www.php100.com
2013-08-01 16:03:00 930
转载 mysql You can turn off this feature to get a quicker startup with –A
mysql You can turn off this feature to get a quicker startup with –Amysql -A 参数含义:含义是-A将不预读数据库信息,这样将会很快速的连接到需要的数据库中;前景:项目中可能有人测试数据表,突然间建了将近10000张表,导致phpmyadmin不能连接数据库,进入命
2013-07-26 13:51:54 4139
转载 清除mysql表中数据
delete from 表名;truncate table 表名;不带where参数的delete语句可以删除mysql表中所有内容,使用truncate table也可以清空mysql表中所有内容。效率上truncate比delete快,但truncate删除后不记录mysql日志,不可以恢复数据。delete的效果有点像将mysql表中所有记录一条一条删除到
2013-07-26 11:29:12 817
转载 jquery ui progressbar
进度条可以向用户显示程序当前完成的百分比,让用户知道程序的进度,提高了用户体验。而jquery ui 则提供一个非常便捷的方法实现这一功能,就是progressbar. 老规矩,先上一个简单的例子。 【代码】 $(function() { $( "#progressbar" ).progressbar({value: 7 }); });
2013-07-25 10:17:56 1235
转载 CKeditor 配置使用
ckeditor 的官方网站是 http://ckeditor.com/ ,我当前使用的版本是v3.0.1。一、使用方法:1、在页面中引入ckeditor核心文件ckeditor.jscript" src="ckeditor/ckeditor.js">2、在使用编辑器的地方插入HTML控件如果是ASP.NET环境,也可用服务器端控件注意在控件中加上 class="c
2013-07-24 15:06:54 776
转载 ckeditor插件开发简单范例
CKeditor就是FCKeditor,在发布一个新版本的时候,把自己的名字都改了,不要"F"。需求:我需要在编辑文本的时候,选择一段文字,点击自定义的按钮,就能够在这段文字后面增加一个图标,图标超链接去一个地址,以选中的文字作为参数。做法:1、在CKeditor的plugins文件夹下,创建新文件夹"addmap",这个名字可以自定义,这个名字是我项目中用的名字2
2013-07-24 15:06:10 875
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人