代码改变世界

flot图表插件在android手机上出现的问题

2011-12-21 18:37 by 呦菜, 415 阅读, 0 推荐, 收藏, 编辑
摘要:单个数据用flot插件画饼图在pc上是没有问题的,是一个数据占满整个圆,但是在android手机上问题出现了,你只能看到label却看不到饼图,解决方法如下:(1)打开jquery.flot.pie.js(2)修改代码如下:(405行) ctx.beginPath(); if (Math.abs(angle - Math.PI*2) > 0.000000001) ctx.moveTo(0,0); // Center of the pie else if ($.browser.msie || $.browser.webkit) angle -= 0.0001; ... 阅读全文

转载:jQuery图表插件Flot中文文档

2011-12-07 10:43 by 呦菜, 1088 阅读, 0 推荐, 收藏, 编辑
摘要:最近正在使用JQuery的flot进行画图,但是这方面的中文帮助实在是太少了,干脆把英文的document直接翻译一下吧。因为也是再学习过程当中,难免会存在翻译不准确的地方,如果文中描述的不明白的话,可以参考一下原文:http://people.iola.dk/olau/flot/API.txt 调用plot函数的方法如下:1var plot = $.plot(placeholder, data, options)Data的结构: data应该是data series的一个数组: [ series1, series2, ... ] 一个series可以是原始数据或者是拥有属性的对象。原始数据. 阅读全文

谨此纪念我用phonegap中menubutton的“血泪史”

2011-11-25 11:26 by 呦菜, 1493 阅读, 0 推荐, 收藏, 编辑
摘要:前几天被phonegap中menubutton事件搞得头破血流,很简单的一段代码,但是点击菜单按钮一直不起作用。于是在QQ群,博客园,csdn各处发帖询问,最终没有人能解答,今天终于成功了,郁闷了这么多天,发个博客记录一下,同时希望能给遇见这种问题的朋友们提示一下。以下是我的很简单的代码:<!DOCTYPE html> <html><head><meta charset="utf-8"><meta name="viewport" content="target-densityDpi=devi 阅读全文

js弹出层居中可移动修正版

2011-11-17 16:44 by 呦菜, 1471 阅读, 1 推荐, 收藏, 编辑
摘要:很久以前写过一遍文章js弹出层居中可移动出现的问题比较多,最重要的一个是在第二次弹出层关闭之后,后面的置灰背景还是存在。今天偶然想起来,于是修正了,出现这个问题的主要原因是上一次在点击关闭按钮之后没有将置灰层删除,而是隐藏了。以下是修正后的代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><HTML><HEAD><TI 阅读全文

一段touch代码在使用bind之后所犯的错误

2011-11-14 11:56 by 呦菜, 596 阅读, 0 推荐, 收藏, 编辑
摘要:这段代码的主要功能是在Android手机上触屏之后会产生一个红色的小区域,然后能根据手指进行拖拽,源代码在touch事件的小例子一文中,原来是addEventListener方法,后来因为需要使用bind,所以在修改过程中出现了诸多问题,以下是正确代码:<!DOCTYPE html> <html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1" 阅读全文

touch事件的小例子

2011-11-03 14:06 by 呦菜, 919 阅读, 0 推荐, 收藏, 编辑
摘要:<!DOCTYPE html> <html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>jQuery Mobile Web 应用程序</title><script src="jquery-mobile/jquery-1.5.min.js" type="text 阅读全文

手机前端之jquery Mobile学习——swipe

2011-11-01 17:17 by 呦菜, 3499 阅读, 0 推荐, 收藏, 编辑
摘要:这是经常会在Android手机上出现的一个动作,那就是手指划过屏幕的时候执行动作。手机上使用到的事件,可以使用live()和bind()来绑定。swipe 在一秒钟的间隔内水平方向上拖动30px以上会触发该事件,(水平方向上拖动要保持在20px以内,否则不会触发).swipeleft 在左边方向移动时触发该事件.swiperight 在右边方向移动时触发该事件.下面的代码以swipeleft为例:<!DOCTYPE html> <html><head><meta charset="utf-8"><title>jQu 阅读全文

手机前端之jquery Mobile学习——表单元素

2011-11-01 14:31 by 呦菜, 2109 阅读, 0 推荐, 收藏, 编辑
摘要:jQuery Mobile会自动替换标准的HTML表单元素,例如文本框,复选框,列表框。以这种自定义的样式工作在触摸设备上的表单元素,易用性更强。例如,复选框将会变得很大,易于点选。点击下拉列表时,将会弹出一组大按钮列表选项,提供给用户选择。该框架支持新的HTML5元素,例如search和range。另外你可以利用列表框并添加data-role=”slider”并添加两个option选项,创建不错的”打开/关闭”开关,另外一个不错的特点是组合单选框和组合复选框,可以利用fieldset元素添加属性data-role=”controlgroup”来创建一组单选按钮或复选框,jQuery Mobi 阅读全文

Dreamweavercs5.5和Android模拟器

2011-10-31 14:37 by 呦菜, 1289 阅读, 1 推荐, 收藏, 编辑
摘要:话说上周一直在弄android模拟器,因为一直在Dreamweavercs5.5中无法生成,郁闷了很久,今天终于有点进步了,然后想把过程记录下来,以防以后再出现这种问题。本来我是想在DW中直接生成模拟器的,但是每次都是提示你生成成功,但在模拟器中却并不显示这个应用程序,到现在没头绪,所以只能选择另一种方法,就是将生成的.apk应用程序包安装到Android模拟器中:1.首先将你的.apk包拷贝到安装android的tools目录下,比如我的是C:\Users\zhx\Downloads\android-sdk_r15-windows\android-sdk-windows\tools这个目录2 阅读全文

touch事件学习

2011-10-25 14:24 by 呦菜, 1863 阅读, 0 推荐, 收藏, 编辑
摘要:前言诸如智能手机和平板电脑一类的移动设备通常会有一个电容式触摸屏(capacitive touch-sensitive screen),以捕捉用户的手指所做的交互。随着移动网络的发展,其能够支持越来越复杂的应用,web开发者需要一种方法来处理这些事件。例如,几乎所 有的快节奏游戏都需要玩家一次按下多个按钮,这种方式,在触摸屏情况下,意味着多点触摸。Apple在iOS 2.0中引入了触摸事件API,Android正迎头赶上这一事实标准,缩小差距。最近一个W3C工作组正合力制定这一触摸事件规范。在本文中,我会深入研究iOS和Android设备提供的触摸事件API,探索一下可以构建哪些类型的应用,给 阅读全文