标签归档:JavaScript JS

JavaScript 是一种广泛用于网络客户端 Web 开发的脚本语言,常用来给 HTML 网页添加动态功能,比如响应用户的各种操作。最初由网景公司的 Brendan Eich 设计,是一种动态、弱类型、基于原型的语言,内置支持类。以它为基础,制定了 ECMAScript 标准。虽然更常用于网页,但 JavaScript 也可以用于其他场合。

【开源项目】GoQR 行动二维码生成工具支持 Chrome iPhone 等

如何把一些信息片段方便快捷的“发送”到手机是很多朋友比较麻烦和头疼的事情例如:在电脑上看见精彩的句子想用短信发给朋友;想用手机浏览在路边看到的一长串网址或拨打广告上的电话;看着名片上密密麻麻的字又找不到一款好用的名片扫描工具;又比如不习惯手机输入法想用电脑打字然后想粘贴到手机上发短信甚至邮件等等……

或许你已经知道“GoogleSendToPhone”这个小插件但那只支持 Chrome 搭配 Android 手机而且需要网络支持;或许各种手机助手之类的软件可以但那需要安装驱动程序和软件等等。我希望能够有轻量级方便易用高效的方法,横跨多个平台的手段来实现我的目的,于是我利用“二维码”做为信息媒介制作了这个小工具 GoQR 行动二维码生成器,把二维码做为媒介把信息片段从电脑通过手机摄像头扫描到手机,其实目前也有很多这样的网站提供这种行动二维码生成服务但或许我可以做的更好… … 继续阅读

YQL – Yahoo! Query Language 以不变应万变的数据与内容获取方式

Yahoo! 的开发者们总能一次又一次的带给我们惊喜,这次是 Yahoo! Query Language 雅虎查询语言(YQL)是由雅虎提供的一种类 SQL 语法,借助雅虎强大的云计算能力 YQL 仅使用一行或者几行代码就能够轻松的进行跨域跨服务的查询和过滤以获取内容和数据,而且速度也绝对让开发者满意。

举个例子是我可以用诸如(select * from flickr.photos.search where text=”apple” limit 9)的语句得到 flickr 上关于 apple 的 9 条数据,返回结果为 XML 或 JSON 而引用方法只是将以上语句做为参数即 URL 的一部分直接向 YQL 请求即可,当然看似与 xQuery GQL SimpleDB 等查询类似却潜力无限,试想既然可以拓展到跨域及跨服务,那么无论你需要地图支持、搜索支持、图片支持、天气甚至股票等等将均可以从 YQL 获取而不需要自己去学习一套又一套的私有接口,雅虎 YQL 为我们获取数据和内容提供了一个“以不变应万变”的中间层…… 继续阅读

常见网页选项卡 tab 的制作代码及优化小建议

选项卡(Tab)起初似乎是做为控件被封装到图形用户界面元素中的一个组件,在应用程序中选项卡式界面可以大大的节省界面空间进而使一组类似的功能选项变的井井有条,目前主流的各种网页浏览器均已采用选项卡式页面浏览另外还有被微软大量运用在新版办公软件(Office)及操作系统(Windows)中的 Ribbon 控件核心也是选项卡式的设计,当然在网页中使用选项卡的例子更为常见如淘宝(TaoBao)的搜索框及右边栏就大量使用了选项卡式结构从而节省了近三倍页面空间,所以对于选项卡式网页的制作也是我们最基本需要掌握的… 继续阅读

【Drupal】简化 WYSIWYG 编辑器的图片上传操作

虽然 Drupal WYSIWYG 所见即所得模块非常之强大,为超过 10 种流行的网页编辑器提供与 Drupal 结合的中间层,但其实很多时候我发现项目站点的需求并没有那么多,很多时候我们只需要一个简单的网页编辑器加上简单的图片或文件上传功能即可,但在 Drupal 中似乎并不容易实现这些需求,出于安全等因素的考虑多数编辑器如 FckEditor TinyMCE 等其图片上传工作除 WYSISYG 模块外还需要 IMCE 模块来提供中间层支持,而 IMCE 繁琐的上传步骤不单让我们自己头疼也使绝大多数用户在使用 IMCE 上传图片时觉得繁琐,我自己粗略回忆一下至少还需要约 8 次鼠标点击才能在编辑器里面看到上传的图片这是非常不利于用户体验的,下面提供一些方法和代码可以大大减少上传图片的点击步骤简化上传图片和文件的操作 继续阅读

【Drupal】后台 PHP 与前端 JavaScript 之间的数据传递

在 Drupal 模块或主题开发中经常会有需要传递一些值给 JavaScript 的情况,大概有几种方法一是可以直接在模板里面写 JavaScript 然后嵌 PHP 进去,也可以用 Drupal 的接口直接输出 JavaScript 到页面的 head 信息中去,其实我自己之前一直是直接在模板里面写 JS 嵌套 PHP 的,后来发现 Drupal 现有的 drupal_add_js 提供了传递变量的接口具体如下…… 继续阅读

【Drupal】用 jQuery 过滤 Drupal Term 术语输入框中的中文逗号

在 Drupal 中被用于分类的 taxonomy 术语表输入框在自由标签模式下默认会使用 “英文逗号” 来分割 term 术语信息,但这点会极其不方便我们的中文用户,在默认场景下会需要在输入每一个中文术语后,切换输入法到英文来输入一个逗号,然后再切换回中文继续输入下一个术语。在我的一个 Drupal 项目初期编辑们居然都是一次输入多个英文逗号,然后使用方向键调整光标来输入一个个术语,直到我发现了这个问题并提供了以下两行非常简单的 jQuery 代码大大方便了我们的用户录入信息…… 继续阅读

【Drupal】修改 Shadowbox 模块在中文 Drupal 中使用

ShadowBox 是一个非常优秀的全能弹出层 JS 类库,支持多种调用接口及目前网路上常见的各种资源和媒体,具体下面我会简单介绍一下 shadowbox for drupal 的安装方法和支持的媒体列表。但目前有个小问题是如果在中文 Drupal 站点上安装 Shadowbox 模块后会发现无法正常工作,其原因是 Drupal 使用 IETF 标准的 zh-hans 及 zh-hant 标识简体和繁体中文而在 Shadowbox 中则使用旧的 zh-CN 及 zh-TW 来标识简体和繁体中文,了解了原因之后解决方法也变的简单了…… 继续阅读

【jQuery】网页标签属性中含有 tab 跳格符将导致 jQuery 选择器失效

在 XHTML 代码标签(如 DIV 等)的类 class 中包含多个值时如果以 tab 跳格符分隔虽然在 css 中可以被正确识别但将可能导致 jQuery 的选择器失效。发现这个问题是在制作 Drupal 的节点模板中根据条件为 div 添加额外的 class 时发现的。 继续阅读

为 WordPress 主题增加 jQueryTools 支持

用的越多越发现 jQueryTools 是一个非常不错的 jQuery 附加库,如同其官方网站所描述的 “The missing UI library for the Web” 仅仅整合了网站前端中常用的一些功能,于是忍不住想拿来替换掉本站 nan.im 目前使用的 jQuery + swfObject + LightBox 形式的库,这样将大大利于未来扩展一些功能及应用。下面将提供一些代码帮助给主题模板添加 jQueryTools 支持。 继续阅读