logo

Joker

Yesterday you said tomorrow.

Firefox出现event is not defined解决方法

2015年08月02日 Javascript

自己写了一个div+checkbox的弹出式js.在之前一直在chrome中使用一切OK.

今天换Firefox后,弹出窗一直保持弹出状态不收回.consule中告诉我是event is not defined.

随便百度了一下,应该是Firefox中使用了不同的事件对象模型,区别于IE　Dom,而是W3C Dom.

那么DOM中就不包含Event对象.自然调用就无法使用了.

网友分享的是加入

e = e || event;

或者

e = e || window.event;

但是修改之后依然报错 e is not defined.

后来查阅资料后解决,Firefox需要通过参数传递事件对象.所以给function加入参数event就好.代码如下:

$(document).bind('click', function(event){
	var targ;
	if (event.target) 
		targ = event.target
	else if (event.srcElement) 
		targ = event.srcElement
	if (targ.nodeType == 3) // defeat Safari bug
		targ = targ.parentNode;
	if (targ.id !='column8' && !$(targ).parents('div.container8').attr('class'))
		$('div.container8').hide(100);
}
                                                                                                                    });
阅读全文 

Java学习记录

2015年07月22日 java

2015年6月5日(第一章)

1.面向对象相对于面向过程编程更简单,可以增加代码的复用,面向对象并没有减少实现过程,只是将过程包装成了方法.

2.构造方法的重载在于可以为其输入变量,不同种变量可以用不同的方法重载.

	Circle c1 = new Circle(5);//最后的Circle即为构造方法

3.this是一个对象,可以在类里面引用类的成员变量和方法.

4.static关键字,可以允许变量不实例化修改,只存一份,每个对象的static变量都相同,节约空间.

阅读全文 

fineuploader部署实例及相关配置说明

2015年06月14日 Javascript

为了文件上传找了不少的js插件,能够满足需求的就属fineuploader最合适,但官网的文档对新手并不友好,琢磨了很久才把fineuploader弄好.

fine-uploader优点: 1.支持多文件上传,可以控制文件大小和文件类型,与大多数上传插件一样属于基本功能. 2.支持文件改名,对我来说很关键的一点,允许在上传前修改文件名. 3.上传后可根据需求删除文件. 4.支持拖拽上传. 5.支持图片缩略图预览. 6.Ajax页面无刷新.

代码部分可以去官网或者Github下载所需的源码和客户端代码.

下载的代码中含有一个demo位于test文件夹中,可以用来测试. 主要文件说明:

1.all-fine-uploader.js 可能也为其它名字,是fineuploader组件的主要js文件.
2.devenv.js 本地部署的js配置文件,各种属性可以在官网查询,路径需要设置需要修改.
3.handler.php 服务器端功能的实现方法,包括文件上传、删除、更名等实现方式,供endpoint.php调用.
4.endpoint.php 本地服务器端的具体配置,可以控制文件大小、类型、路径等,具体配置方式见官网文档.
阅读全文 

通过mod_jk集成Apache2和tomcat7

2015年06月10日 经验积累

1.JDK安装

sudo add-apt-repository ppa:webup8team/java
sudo apt-get update
sudo apt-get install oracle-java7-install

2.安装Apache2和Tomcat7

sudo apt-get install apache2
sudo apt-get install tomcat7
sudo apt-get install tomcat7-admin

3.创建测试网站

cd /var/lib/tomcat7/webapps
sudo mkdir tomcat-demo
sudo mkdir tomcat-demo/goodmorning
sudo vim tomcat-demo/goodmorning/index.jsp

4.粘贴下面的代码到s上述的index.jsp：

<HTML>
<HEAD>
<TITLE>Good Morning</TITLE>
</HEAD>
<BODY>
<H1>Good Morning</H1>
Today is: <%=new java.util.Date().toString() %>
</BODY>
</HTML>
阅读全文 

jTable的分页问题及搜索框功能实现

2015年05月26日 javascript

jTable是一款jQuery的插件，用于创建基于Ajax的CRUD表格，可以对数据进行排序、分页等，功能可以满足展示数据的需求。

在显示数据时发现了分页问题，数据的个数与分页数都设置正确，而当前页面实际显示的数据个数却大于最大数据显示数。

也就是说数据并没有分页显示，还是一股脑的贴在了首页上。

jTable

后来分析网站上下载的demo发现，分页不只是要设置好参数，数据库查询语句也要做相应的修改，jTable好像也没有想象那么省心。

//in listAction
$result = mysql_query("SELECT * FROM people ORDER BY " . $_GET["jtSorting"] . " LIMIT " .$_GET["jtStartIndex"] . "," . $_GET["jtPageSize"] . ";");

//in mainpage
$(document).ready(function (){
	$('#PeopleTableContainer').jtable({
		title: 'Table of people',
		paging: true,
		pageSize: 2,
		sorting: true,
		defaultSorting: 'Name ASC',
	........});
........});

需要实现搜索功能时，查过了网站的document，获取到的有效信息是提供了filter参数可以直接对数据进行过滤。

阅读全文