2007年11月_tycsl

11月 09月 08月

原创实现Web页面中级联菜单的设计/实现动态加载列表框/实现自动刷新页面/实现Web页面的局部动态更新/实现自动完成功能

在Web页面中经常需要实现如图5-2所示的级联菜单的效果。即根据用户的选择，动态展开并显示出对应选项子菜单中的内容。本例中是根据用户所选择的商品类别信息，在子菜单中显示对应的商品名称。图5-2 级联菜单的效果在传统的Web实现方式中，一般是在页面初始化时动态获取到服务器端数据库中对应所有子菜单中的信息，放置页面中对应的位置，然后在结合CSS层叠样式表动态控制对应子菜单的显示或者隐藏。

2007-11-16 23:46:00 5472 2

原创褪色技术的实现

采用Ajax技术所实现的页面中，为了能够更加清楚地表现出页面中局部数据信息的改变，往往采用褪色技术对发生改变的部分进行特殊的标注，但这种标注会随着内容变旧逐步消失。下面介绍一下具体的实现方式。在Eclipse中新建一个项目，项目的名称为“P46_Color”。首先，新建一个HTML文档，页面名称为“main.html”。该页面实现的效果如图4-7所示。对于页面中黄色部分显示出的数据会随着时间的

2007-11-16 23:28:00 940

原创页面中拖拽效果的实现

可拖放DOM模式（Draggable DOM pattern）可以让用户在Web页面中对各个部分进行编辑，即只需要选中要移动的部分，将其拖拽到新的位置上，就可以重新安排整个页面的布局效果，下面介绍一下具体的实现方式。在Eclipse中新建一个项目，项目的名称为“P45_DropDrag”。首先，新建一个HTML文档，页面名称为“main.html”。该页面实现的效果如图4-6所示。当用户使用

2007-11-16 23:24:00 5269

转载常用的40个网站制作技巧

1. oncontextmenu= "window.event.returnValue=false " 将彻底屏蔽鼠标右键 no 可用于Table 2. 取消选取、防止复制 3. onpaste= "return false " 不准粘贴 4. oncopy= "return false; " oncut= "return false; "

2007-11-16 23:01:00 704

原创一个Ajax请求如何向服务器发送XML

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">Sending an XML Request var xmlHttp; function createXMLHttpRequest() { if (window.ActiveXObject) { xmlHttp = new

2007-11-16 12:45:00 1196

原创 DOM

表3-1 用于处理XML文档的DOM元素属性属性名描述 childNodes

2007-11-16 10:53:00 433

原创使用innerHTML属性创建动态内容

如果将服务器响应作为简单文本来访问，则灵活性欠佳。简单文本没有结构，很难用JavaScript进行逻辑性的表述，而且要想动态地生成页面内容也很困难。如果结合使用HTML元素的innerHTML属性，responseText属性就会变得非常有用。innerHTML属性是一个非标准的属性，最早在IE中实现，后来也为其他许多流行的浏览器所采用。这是一个简单的串，表示一组开始标记和结束标记之间的内容。

2007-11-16 10:27:00 2290

原创如何使用IFRAME来实现类似Ajax的技术----远程脚本

这里向你展示如何使用IFRAME来实现类似Ajax的技术。这非常简单，而且过去我们就用过这种方法（在XMLHttpRequest问世之前）。这个示例并没有真正调用服务器，只是想让你对如何使用IFRAME实现远程脚本有所认识。这个示例包括两个文件：iframe.html（见代码清单2-2）和server.html（见代码清单2-3）。server.html模拟了本应从服务器返回的响应。代码清

2007-11-16 10:16:00 1560

原创 Ajax核心工作机制

在了解了XMLHttpRequest对象相关的属性和方法之后，我们再明确一下发送和接收XMLHttpRequest请求的基本程序框架。通过前面的案例分析可以清楚地看到：Ajax实质上是遵循Request/Server模式来进行工作的，所以这个框架基本的流程包括下面几个具体的步骤。（1）对象初始化（2）发送请求（3）服务器接收请求并进行处理（4）服务器返回响应数据（5）客户端

2007-11-14 21:32:00 4341 1

原创 XMLHttpRequest对象

XMLHttpRequest是XMLHTTP组件的对象，通过这个对象，Ajax可以像桌面应用程序一样只同服务器进行数据层面的信息交换，而不用每次都刷新页面，也不用每次将数据处理的工作都交给服务器来做；这样既减轻了服务器的负担又加快了响应速度、缩短了用户等待的时间。XMLHttpRequest是Ajax技术中最重要的一个对象。通过本书第2章中的实例，读者已经初步了解到一个页面在不刷新的情况下可以

2007-11-14 21:24:00 559

原创 window对象

window对象· open(URL,windowName,parameterList)：open方法创建一个新的浏览器窗口，并在新窗口中载入一个指定的URL地址；· close()：close方法关闭一个浏览器窗口；· alert()：弹出一个消息框；· confirm()：弹出一个确认框；· promt()：弹出一个提示框；·

2007-11-13 21:59:00 570

原创 HTML与XHTML之间的主要区别

首先我们关注一下XHTML和HTML之间的主要区别。· XHTML元素必须合理嵌套；· XHTML文档必须格式正确；· XHTML文档中对应的标签名称必须是小写；· 所有XHTML元素必须关闭。XHTML的语法规则 · XHTML DTD定义强制元素；· 属性名称必须为小写；· 属性值使用双

2007-11-12 23:43:00 979

原创 JavaScript事件汇总

表3-1 JavaScript事件汇总事件触发时机

2007-11-12 22:38:00 1220

原创 AJAX

事件驱动的处理机制为了能够实现具有交互功能的动态页面，需要借助事件驱动的处理机制，即在特定的事件发生时进行特定的操作。事件实际上是浏览器与用户之间实现交互的一种机制。例如，针对页面中按钮元素的“onclick”事件，可以让浏览器知道用户单击了该按钮，即发生了针对该按钮的单击事件。一旦事件发生，浏览器具体会进行什么样的处理，则可以由脚本语言通过相应的程序代码，例如定义对应的事件处理函数来进行

2007-11-12 22:20:00 403