2009年6月5日
摘要: Cody Lindley ,Thickbox的作者,日前发布了 jTip - jQuery 工具提示。 我对其中很多想法和思路拍案叫绝。我知道你已经看过很多类似的工具提示代码了。但是,Cody 的方法已经在我的工作中显露出了闪光点。 当我检查HTML代码时,我发现了一个大问题,可访问性。链接在java script关闭的时候无法工作。我并不是倾向于一定要实现全面的可访问性,只是在这里我认为可以有其... 阅读全文
posted @ 2009-06-05 17:01 ToKens 阅读(327) 评论(2) 推荐(0) 编辑
摘要: 一位叫Klaus的朋友编写了一个小插件, 用jQuery实现可用性极佳的java script表格。 设置好正确的(x)HTML 和CSS后,你可以像下面那样创建表格: $.tabs(”container”); first tab on by default 如果你像在默认位置“上方”再添加一个表格: $.tabs(”container&... 阅读全文
posted @ 2009-06-05 17:00 ToKens 阅读(410) 评论(0) 推荐(0) 编辑
摘要: Cody Lindley 移植的第一版“ Thickbox”让我第一次感受到了jQuery的魅力。后来他又做了一些 代码升级以修复若干跨浏览器的兼容性问题。 一些需要注意的地方 $(document).ready 取代了TB_init() 函数,作用是在每个包含对象名“thickbox”的链接上附加一个onClick事件。 function TB_i... 阅读全文
posted @ 2009-06-05 17:00 ToKens 阅读(557) 评论(0) 推荐(0) 编辑
摘要: 好几个月以前,当我在追逐互联网上AJAX热潮的时候,我在 FiftyFourEleven网站上发现了一篇使用创新的java script代码实现当时正在困扰我的“ 单文件元素实现多文件上传”的文章。 所以当我想写作《15天漫游jQuery》的时候,我第一个想到的就是用jQuery实现这个功能。 接触易用性狂热爱好者 几天前当我检查网站记录的时候,发现了一条遗漏的文章trac... 阅读全文
posted @ 2009-06-05 16:59 ToKens 阅读(572) 评论(0) 推荐(1) 编辑
摘要: 以前我在Quirksmode网站见过这种代码,后来又在24 Ways网站看到了一个更具Web 2.0风格的方案。这次我将为大家展示两种使用jQuery实现相同功能(甚至更好)的方法。 目标 一个用AJAX(或AHAH)技术设计的页面,访问者无需离开就可以在看到的(x)HTML 页面上编辑内容。 方案 点击需要编辑的文本,变幻出一个带有保存和取消按钮的textarea。修改的部分将通过AHAH传送至... 阅读全文
posted @ 2009-06-05 16:58 ToKens 阅读(544) 评论(0) 推荐(0) 编辑
摘要: 今天我的想法有点改变。近段时间以来我一直考虑注册一个YouTube帐号来上传一些教程录像,现在我终于做出了决定并上传了一个。在这里我将手把手的向大家演示为你的网站添加一些AJAX基本应用的方法。 录像很短,因为YouTube对上传影片的长度有限制(10分钟以内)。当然由于制作仓促,错误在所难免。比如在某个地方我称CGI为“服务器端脚本”,而更准确的说法应该是“服... 阅读全文
posted @ 2009-06-05 16:57 ToKens 阅读(259) 评论(0) 推荐(0) 编辑
摘要: 当我看到这些实现圆角边框的HTML源代码的时候,我发现这很适合用来写一篇jQuery教程–使用wrap()、prepend()、append() 函数。 这里是原先的HTML代码,我们将从这里开始: <div class="dialog"> <div class="hd"> <div class="c"></div> </div&g... 阅读全文
posted @ 2009-06-05 16:56 ToKens 阅读(671) 评论(0) 推荐(0) 编辑
摘要: 我第一次看到样式表切换器是在A List Apart或者Simple Bits,那是两个设计师最应该去的网站。 从那以后,我找到了很多可以让访客通过鼠标点击某个地方切换样式表的方法。但最近我要写一篇如何 使用jQuery编写简单代码实现它的教程。 我将向你们逐步解说整个的过程,不仅仅因为要展示jQuery代码的简介,同时也要揭示jQuery库中的若干高级特性。 首先,代码 $(document).... 阅读全文
posted @ 2009-06-05 16:53 ToKens 阅读(590) 评论(0) 推荐(0) 编辑
摘要: 这次的教程内容贴近我擅长的技术方向:安全的contact forms。 就像我在前一篇教程中提到的那样,一个最普通的contact forms可以帮助访客同你进行通信来往而不需要暴露你的电子邮件地址给那些可恶的垃圾邮件制造者们。 但如果spammer们已经盯上你,没有什么比一个不安全的contact foms更糟糕的了。想象一下你的网络空间提供商发给你一封措辞强烈的电子邮件,通知说:他们发现你的网... 阅读全文
posted @ 2009-06-05 16:52 ToKens 阅读(266) 评论(0) 推荐(0) 编辑
摘要: 这个让我们轻松的纪念日已经到来–我恨我在计算机前已经花了48个小时,我希望能够有另外一个jQuery来结束我的噩梦,并且让我上网更快。 当我一边“在用Jquery方法编写”和一边“进行复杂的文件上传”,我已经筋疲力尽。然而这两种操作的代码是一种较浅的,它只不过是你才刚刚开始解决的一些简单问题。 所以下来我开始介绍: 尽管我在我的网站用所有... 阅读全文
posted @ 2009-06-05 16:51 ToKens 阅读(438) 评论(0) 推荐(0) 编辑
摘要: 规则提到如何防止垃圾邮件:不要把你的邮件地址放到任何一个mailto:链接中. 在与垃圾邮件恶魔做斗争的过程中我们的网页设计师和程序员总结出了一些有创意的解决办法,让我们快速的看一些这些常见方法的缺点(或多或少有一些). name [at-no-spam] website.com 问题:链接式的更方便,而且把邮件地址敲入收件人栏还有可能会出错. 联系方式 问题:你冒着这么大的风险就是因为有一个垃圾... 阅读全文
posted @ 2009-06-05 16:50 ToKens 阅读(277) 评论(0) 推荐(0) 编辑
摘要: 今天的教程是草草完成的.我想把一些东西放在这15天的前面简单的讲讲,这样以来就可以使一些js新手不至于被一堆代码搞的晕头转向.事实上我是在即将结尾的时候才做出的这个决定. 目标 我们要使用jQuery去创建一小段代码,这段代码会把一个页面所有的超链接转换并且伪装起来. 为什么? 一些下属经销商认为,一部分用户有足够的悟性发现会员链接,并能尽量避免通过点击URL链接直接进入浏览器,从而“... 阅读全文
posted @ 2009-06-05 16:49 ToKens 阅读(822) 评论(0) 推荐(0) 编辑
摘要: 这节本身没有太多的价值,重点在它提供的这个例子上。我将代码帖出来然后对重点部分注释一下:我们先来看看Thewatchmakerproject传统的做法:预览地址(你可以查看一下源代码)。再来看看jQuery是如何用5行代码来搞定的: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or... 阅读全文
posted @ 2009-06-05 16:48 ToKens 阅读(422) 评论(1) 推荐(0) 编辑
摘要: window.onload()是传统java script里一个能吃苦耐劳的家伙。它长久以来一直被程序员们作为尽快解决客户端页面载入问题的捷径。 但有时候等待页面载入还是不够快。 只有少数大型的图片文件会被快速的载入,而大部分大型的图片文件会使window.onload()载入的很慢。所以当我为最近的网络营销创建一个web应用程序的时候我不得希望更快一点。有一些围绕window.onload()的... 阅读全文
posted @ 2009-06-05 16:47 ToKens 阅读(465) 评论(0) 推荐(0) 编辑
摘要: what jQuery是一个了不起的java script库,它可以是我们用很少的几句代码就可以创建出漂亮的页面效果。从网站的方面说,这使得java script更加有趣。 如果你这样想:“孩子,我需要另外一个java script库,就好比我I need another hole in my head”那么加入这个俱乐部吧。这正是我第一次遇到的时候所想的。 我已经用过了M... 阅读全文
posted @ 2009-06-05 16:46 ToKens 阅读(253) 评论(0) 推荐(0) 编辑
摘要: Google很早就推出了一些库的托管服务,浏览者可以从Google的服务器上加载这些库,节省服务器的带宽。而且如果浏览者曾访问过同样加载了这些库的网站后,便会被缓存起来,无需再次访问。以下是目前托管的库: 引用:jQueryjQuery UIPrototypescript_aculo_usMooToolsDojoSWFObjectNew!Yahoo! User Interface Library ... 阅读全文
posted @ 2009-06-05 14:09 ToKens 阅读(238) 评论(0) 推荐(0) 编辑