11月 172015
 



jquery api

Continue reading »

11月 172015
 

说到圆角,让人很容易想到border-radius。为了实现各浏览器兼容,又出现了好几个border-radius。然后呢,然后想实现图片圆角。

就像把大象装进冰箱一样,分几个步骤。

1,建立一个div,实现圆角。
2,建立一个div,放图片。可以是img,可以是background-url。还可以是你想用的。

这个就像是把图片放进了圆角里。可是,你会发现div边缘是圆角了,可图片还没有圆角起来。于是乎,加一个 overflow: none; 吧。再看看,果然图片圆角了。

circle

Continue reading »

11月 052015
 

这是一款基于jquery的简洁易用日期日历插件manhuadate,它可非常轻松的实现文本框日期选择,参数简单,可以控制弹出框的位置,年分的开始值和结束值,下面来看下它的使用方法。

引入核心文件

构建html,这里只需写上一个文本框,并设为只读,带上ID或class,便于获取。

写入JS
$(function (){
$(“input.mh_date”).manhuaDate({
Event : “click”,//可选
Left : 0,//弹出时间停靠的左边位置
Top : -16,//弹出时间停靠的顶部边位置
fuhao : “-“,//日期连接符默认为-
isTime : false,//是否开启时间值默认为false
beginY : 2010,//年份的开始默认为1949
endY :2015//年份的结束默认为2049
});

});

11月 052015
 

ci框架的Input.php类的路径于’system/core/Input.php’。至少,对form过来的数据接收很好用。
比如,获取表单post过来的数据:$this -> input -> post(‘account’);

当然,有input,也有output。input的方法和属性还有更多。先列着。

$this->input->get() //获取$_GET

$this->input->post() //获取$_POST

$this->input->get_post() //获取$_GET或$_POST

$this->input->cookie() //获取$_COOKIE

$this->input->set_cookie() //设置COOKIE

$this->input->server() //获取$_SERVER

$this->input->ip_address() //获取ip地址

$this->input->valid_ip($ip) //验证ip地址

$this->input->user_agent() //获取浏览器user_agent

$this->input->request_headers() //获取request_headers

$this->input->get_request_header(); //获取request_headers中的一项信息

$this->input->is_ajax_request() //判断是否是ajax请求

10月 302015
 

jquery既方便获取checkbox选的值,也方便全选和非全选操作。

$(document).on(‘submit’, ‘#reg-form’, function(e){
//获取到已选择的checkbox,并用”,”分隔组合。
var likes = “”;
$(‘input[name=”like[]”]:checked’).each(function(){
likes += $(this).val()+”,”;
});
//将数据填充到json中
var data = {‘name’:’vini123′ , ‘address’:’上海虹桥路628号’ , ‘likes’:likes};
//发送数据
$.ajax({
url:’reg.php’,
type: “POST”,
data: data,
dataType: “json”,
success: function(result){
if (result.code != 0)
{
alert(‘失败!’);
}
//成功后,跳转
location.href=”http://localhost/index.php”;
}
});

//上边的data还可以通过serialize方法系列化表单值
var data = $(‘#reg-form’).serialize();
data:data,
//data还可以通过get方式追加值
var data = $(‘#reg-form’).serialize();
data:(data + ‘&email=lichking_lin86@qq.com’),
}

ci框架通过json的key值获取value值:
$value = $this -> input -> post(‘key’);

checkbox的全选操作:
$(“#all”).click(function() {
$(“input[name=’like[]’]”).attr(“checked”, $(“input[id=’all’]”).attr(“checked”));
});

10月 302015
 

假如你想在控制器的构造函数中定义一些全局变量,并希望这些变量在控制器的每一个方法加载的视图文件中都可用,这种情况下你可能想单独使用这个函数。 你可以多次调用该方法,数据将被缓存,并被合并为一个数组,以便转换成变量。(相当于定义全局变量,数据被缓存)

通俗的说,就是将控制器中的数据缓存起来,给视图对象。其实,$data本来也可以完成的。

在控制器中: $this -> load -> vars(‘params’ , $data); //在视图文件中,就可以通过 $params 取得$data extract的值。是一个array。

这个方法以一个关联数组作为输入参数,将这个数组用 PHP 的 extract() 函数转化成与之对应的变量。这个方法的结果与上面的 $this->load->view() 方法使用第二个参数的结果一样

get_var($key); 该方法检查关联数组中的变量对你的视图是否可用。当一个变量在一个类 或者控制器的另一个方法里被以这样的方式定义时:$this->load->vars(), 会做这样的检查。

get_vars();该方法返回所有对视图可用的变量。

clear_vars();清除缓存的视图变量。

中文官方说明:http://codeigniter.org.cn/user_guide/libraries/loader.html

9月 302015
 

AIR内部的拖拽。其实,这个用到了前边两种拖拽里的东东。用到了创建剪贴板,启动拖动(拖出),用到了接受剪贴板(拖入)。
会创建剪贴板,处理事件,了解流程,这种拖拽就很好实现了。AIR内部拖拽,还有一个权力,可以自定义拖拽对应数据类型。命名的时候不要以flash:或air:开头就好。
在拖拽的过程中,鼠标状态的变换,追随鼠标图片的坐标,大小等细节方面也是要注意的。
Continue reading »

9月 302015
 

将air中的文件(数据)拖拽到操作系统。想将文件从air中拖出,就用到文件承诺。

文件承诺是指,当您希望用户能拖放还不存在或位于其他位置(不在您的本地机器上)的文件时,您放在剪贴板上的内容。例如,远程服务器上的文件,或是您只希望在用户尝试拖放它们时生成的文件(如 CSV 文件)。文件承诺并不是实际存在的文件;正如其名,它表示在用户选择放下位置后,在之后的某个时刻提供文件的承诺。

在AIR中,并没有一个直接的文件承诺类,而是提供了一个IFilePromise的接口。就是说,只要实现这个接口的类,就具备了文件承诺的功能。这对于初学者有些不便,不像File类那样直接就可以使用,不过这也提供了更大的扩展性。你可以为你的各种数据实现文件承诺功能。虽然没有具体的文件承诺类,AIR也有一个类实现了IFilePromise的接口。就是 URLFilePromise类。
Continue reading »

9月 302015
 

AIR拖拽的三步骤:启动,拖动,放下
启动的时候,需要借助鼠标事件。由NativeDragManager控制。在哪个阶段,有事件通知。任何 InteractiveObject 类型的对象都可以是拖动启动器或放置目标。

三种类型的拖动,直接看code。

1,从操作系统(包裹操作系统里的应用程序)拖拽。
准备:1,先绘制一个Sprite,用来接受拖拽的数据。这个时候,就得对这个绘制Sprite进行事件侦听。

receivePanel = getPanel(stage.stageWidth , stage.stageHeight , 0xff0099 , 0.0);
addChild(receivePanel); receivePanel.addEventListener(NativeDragEvent.NATIVE_DRAG_ENTER , dragEnterHandler); receivePanel.addEventListener(NativeDragEvent.NATIVE_DRAG_DROP , dragDropHandler);

NATIVE_DRAG_ENTER,当拖拽的对象进入Sprite时候,就开始触发了。这个时候你可以检测剪贴板(Clipboard)所包含的对应数据类型,然后是否启用接受。启用接受请用NativeDragManager。
Continue reading »

网站地图