Posts Tagged ‘JavaScript’

在ASP.NET页面中使用jQuery来处理表单submit事件

在普通HTML网页中,我们可以像下面这样使用jQuery来捕获表单的submit事件,从而实现在表单提交前处理数据或者进行复杂的表单验证:

HTML5学习碎片

春节在家读了两本介绍HTML5的书:《HTML5 Up and Running》和《Pro HTML5 Programming》,得益于Kindle的便捷,一边读一边标注了一些内容,随感觉而标记,不成体系,所以称之为“碎片”,记录于此作为存档。

使用SharePoint Client OM来查询列表的注意事项(2)

上一篇文章提到了使用Client OM来查询SharePoint列表时需要两次指定结果集里包含的字段,范例是C#调用托管的Client OM,本文来介绍一下如何JavaScript来调用Client OM查询列表。

CSS裸奔日

今天是CSS裸奔日,在这一天,全世界许多网站会同时褪下华丽的CSS衣裳,露出各自本来的原始的面目。 在我看来,CSS裸奔日是对Web标准的真正理解的一种体现。

在用c#开发的ActiveX中调用JavaScript方法

这段时间要写一个ActiveX控件来控制扫描仪,并在扫描完成之后将文件路径通知页面。因为扫描的过程是异步的,所以我不能利用ActiveX控件公开的Scan方法来返回文件路径,结合Name Ctrl订阅联系人状态的思路,我想,如果可以用JavaScript来订阅ActiveX完成扫描的“事件”,我就可以在这个“事件”中把文件路径当作参数传递给页面了。 关于如何用c#开发ActiveX控件,红马天下兄的系列文章写的非常不错,我这里主要讲一下如何在ActiveX中调用页面上的JavaScript方法。

解决HTML内部元素的Mouse事件干扰

话说有一个DIV元素,其内部有一个IMG元素和SPAN元素,不用理会这两个内部元素怎么布局,这不是我要讨论的重点。 为了实现一些特殊的效果,我需要利用TD的onmouseover和onmouseout事件,测试时就会发现如下的状况:

Web中的三层

拆散它们! 不久之前,专业的网页设计师还在兴高采烈的将HTML,CSS和JavaScript代码掺杂到一个单独的文件中,命名为index.html,并称其为网页。今天你仍然可以这么做,不过要有心里准备去接受同行们比较没有礼貌的洗礼。 有一天,网页设计师们突然注意到这些混在一起的代码分别做了以下三件事请: 描述页面的内容。 指定内容的表现形式。 控制内容的行为。 接着他们实现了这三种类型代码的分离,这种做法让他们的工作更加轻松,并且让他们的网页在各种条件下更好的工作,即使用户的浏览器禁用了JavaScript。 这项原则被极客们叫做:分散关注。 图 1.1. 分散关注 虽然分散关注已经被实现,但我们却没有这么做。 比如我正在很开心的编辑HTML代码来描述网页内容,突然间我发现,如果给文本稍微加点灰色的阴影一定很漂亮。虽然这会让我分心,我还是决定这么做。 那么哪一种方法更加容易呢?在一个独立的CSS文件中修改页面的样式表?还是把这些样式属性写到我正在编辑HTML代码中? 就像在工作会议中要注意举止一样,保持你所编写的不同类型的代码彼此分离。一旦你明白了这些好处,你就能有毅力去坚持这种写法。 三层 无论对于何种编程,尽可能保持不同类型的代码彼此分离都是个不错的想法。它使人们在今后的项目中更轻松的重用部分代码,减少了代码冗余,也更容易在几个月甚至几年之后发现和解决问题。 在Web中,还有一个理由让你保持代码分离:适应人们访问网络的许多不同方式。 在你的访客中,大多数会使用支持CSS和JavaScript的完善的浏览器,但也有许多人会因为企业的限制,迫使他们使用旧版本的浏览器或者禁用JavaScript。 弱视用户经常使用屏幕阅读器或屏幕放大镜来浏览网页,对于这些用户来说,你的视觉设计反而帮了倒忙。 一些用户或许并不需要访问你的网站,他们喜欢通过你提供的RSS来阅读内容。当创建这些feed的时候,你要把HTML内容发送给这些用户,而不是JavaScript或CSS代码。 除去内容因素,吸引更多访客的关键是网站要分为三层,即我之前提到的三种不同类型的代码,如图1.2所示。 图1.2. Web中的三层 当创建站点时,我们通过这些层来从下到上的工作: 首先我们以HTML的格式创建内容。这是基本的层,无论访客使用什么样的浏览器都可以查看。 接着,通过使用CSS来添加一个表现层,我们可以着力让站点看起来更漂亮。 最后,我们可以使用JavaScript来添加一个交互和动态行为的层,让站点使用起来更简单。 如果我们保持HTML,CSS和JavaScript代码彼此分离,我们会发现当浏览器无法处理表现层或者行为层时仍然可以轻松的确保内容层的可读性。 下面我们来逐个分析这三层,探寻分离代码的最佳方法。 内容 HTML 在网页中,每一部分需要阅读并理解的内容都是些HTML代码。这并不难。网页设计师遇到了麻烦是因为他们忘记了K.I.S.S.(Keep It Simple,Stupid,保持简单和愚笨)原则,在HTML代码中塞满了非内容的信息,或者把一些页面内容转移到了CSS或JavaScript代码中。 一个普遍存在的将非内容信息塞满页面的例子是表现性HTML-在HTML代码中描述它的显示方式。这其中还包括过去流行的HTML标签,如<b>, <i>, <u>, <tt>和<font>: <p>无论如何, <a href=”666.html”><font color=”red”>不要点击这里</font></a>!</p> 或者在style属性中应用CSS样式: <p>无论如何,<a href=”666.html” style=”color: red;”> 不要点击这里</a>!</p> 还可以通过容易理解的类名来应用CSS样式: <p>无论如何,<a href=”666.html”>不要点击这里</a>!</p> ※ 容易理解的类名? 上一个例子看起来似乎不错,但它还是有点问题。如果后来你想把链接的颜色改为黄色,你要么一并修改类名和对应的CSS样式,要么就别扭的仍然叫做red但是实际上它却会让链接变成黄色。 [...]

Ajax.net 1.0跨域访问错误的解决方法

Ajax.net 1.0正式版发布已久,我在第一次尝试时却遇到跨域访问的问题,表现为在页面的任意位置单击鼠标左键都会弹出错误提示:”Access is denied“,搜索了一番,找到了解决方法.