1.Ajax Rain
AjaxRain有很多完美整合AJAX, CSS, DHTML 或 Javascript的实例,有一些Demo的确值得你去看一看,即使你不是网页设计(开发)师。
Ajax/Javascript实例:
EXT JS Date Picker
jQuery Feed Menu
jGrowl
FastFind Menu – Jquery
Spiffy Accordion
2.Ajax Daddy
Ajax Daddy收集了大量漂亮的Web2.0工具,其中一个使用的功能就是,在你把某个Ajax/Javascript实例应用在自己的网站上之前,你可以在它上面先看看效果演示。
Ajax/Javascript实例:
Flickr Like edit
MooTools Autocomplete
SlideShow Viewer
Prototype window
Shoutbox
3.Mini Ajax
MiniAJAX 是一个新生的网站,收集了少许 DHTML 和 AJAX 脚本, 它的代码片段风格非常实用。
Ajax/Javascript实例:
Prototype Window – Demo
AJAX Star Rating Bar – Demo
Heatmap for your website
An AJAX contact form
Digg – like spy script
4.Ajaxian
一个接近于门户类型的AJAX资源站点,包括Ajax示例收集,博客,论坛和教程等等。
Ajax/Javascript实例: ......
1.Ajax Rain
AjaxRain有很多完美整合AJAX, CSS, DHTML 或 Javascript的实例,有一些Demo的确值得你去看一看,即使你不是网页设计(开发)师。
Ajax/Javascript实例:
EXT JS Date Picker
jQuery Feed Menu
jGrowl
FastFind Menu – Jquery
Spiffy Accordion
2.Ajax Daddy
Ajax Daddy收集了大量漂亮的Web2.0工具,其中一个使用的功能就是,在你把某个Ajax/Javascript实例应用在自己的网站上之前,你可以在它上面先看看效果演示。
Ajax/Javascript实例:
Flickr Like edit
MooTools Autocomplete
SlideShow Viewer
Prototype window
Shoutbox
3.Mini Ajax
MiniAJAX 是一个新生的网站,收集了少许 DHTML 和 AJAX 脚本, 它的代码片段风格非常实用。
Ajax/Javascript实例:
Prototype Window – Demo
AJAX Star Rating Bar – Demo
Heatmap for your website
An AJAX contact form
Digg – like spy script
4.Ajaxian
一个接近于门户类型的AJAX资源站点,包括Ajax示例收集,博客,论坛和教程等等。
Ajax/Javascript实例: ......
1.让新加的那项货品高亮显示,就要找到哪件货品被最新更改的。
其实跟添加Ajax功能一样简单,只是要跨几个文件下就有点模糊,况且我是自己写的
,所有的方法名跟变量及参数啥的都跟书上不一样(但原理一样的),所以加上这些功
能难免会迷糊些,这也正好能练好自己的逻辑,更懂得rails的流程,还有收获就是要
养成好的编程习惯,不然以后自己写的代码先说别人看懂看不懂,自己都迷糊了就不
好了!
要添加高亮显示效果,就先要找到哪件货品是被最新更新的,要在货品添加到购物车
前把那件货品的先存给一变量,之后把那个变量return出去,之后在controller里连
着session数据一起给一个实例变量方便视图跟js脚本使用。再之后把需要高亮显示的
html那一块,或者哪个标签记住。之后到js里面写上高亮显示的方法,把对应的id传
到视图里,其实也不叫传,就是对应吧!
在网上找到
2.隐藏购物车
page[:cart].visual_effect :blind_down if @haxi.xianshiche == 1
时刻要记住,page[]这个里面的参数是针对视图的,也就是存视图某个标签的id。
page.repalce("cart",:partial => "cart", :object =>@cart)
第一个参数是标签的id,第二个是模板名 ......
Microsoft Ajax Library命名空间
客户端命名空间 描述
Global JavaScript内部类的扩展,如Array、Boolean、string、Error、Number和Object
Sys 根命名空间,它是在客户端与.net Framework中的System命名空间等同的类,这个命名空间包括一些基础类,如Application和StringBuilder.,还有一些有用的接口,如IDisposable和INotifyPropertyChange
Sys.Net 用来执行和网络相关的类,例如WebQequest类和XmlHttpExcutor类。这个命名空间虚拟的封装了客户端/服务器的通信
Sys.Serialization 在客户端和服务器之间串行化对象
Sys.WebForms 包括ASP.net Ajax中和局部网页回送技术有段的功能,例如,它包括PageRequestManager类
Sys.UI 包含和用户界面相关的特征,例如用户、控件和枚举
Sys.Service 提供Asp.net服务端服务的访问,例如身份验证和配置服务
MS Ajax Library中的Javascript被设计成像c#的工作方式。客户端编程就像使用c#代码在.net FrameWork上编程。
例如:
var sb=new Sys.StringBuilder("In the Beginning");
sb.append("\r\n");
sb.append("Microsoft Created ASP");
alert(sb.toSt ......
<script type="text/javascript">
<!--
//将用户输入异步提交到服务器
function ajaxSubmit(){
//获取用户输入
var question=document.forms[0].question.value;
//创建XMLHttpRequest对象
var xmlhttp;
try{
xmlhttp=new XMLHttpRequest();
}catch(e){
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
//创建请求结果处理程序
xmlhttp.onreadystatechange=function(){
if (4==xmlhttp.readyState){
if (200==xmlhttp.status){
var data=xmlhttp.responseText;
document.getElementById("result").innerHTML=data;
}else{
alert("error");
}
}
}
//打开连接,true表示异步提交
xmlhttp.open("post", "/dict/servlet/dictAction", true);
//当方法为post时需要如下设置http头
xmlhttp.setRequestHeader('Conte ......
=================Ajax & Javascript====================
[讲师]佟刚
[介绍]讲课不错,人长的也还不错,
[讲课内容]主要讲struts1、javascript、ajax、hibernate、编码加强之项目实战、UML
【JavaScript】
====名词解释====
a.DOM介绍:Document Object Model(文本对象模型)
D:文档 – html 文档 或 xml 文档
O:对象 – document 对象的属性和方法
M:模型
DOM 是针对xml(html)的基于树的API。
DOM树:节点(node)的层次。
DOM 把一个文档表示为一棵家谱树(父,子,兄弟)
DOM定义了Node的接口以及许多种节点类型来表示XML节点的多个方面
b.节点介绍(Node):来源于网络理论,代表网络中的一个连接点。网络是由节点构成的集合
c.节点分为三种类型:元素节点、属性节点、文本节点
d.Node节点是接口,Api定义了很多属性和方法。
e.查找节点:只有创建了节点,才可以使用api的属性和方法
.getElementById("");
//通过id属性值查找[元素节点]对象,没有返回null
//该方法只能用于 document 对象
.getElementsByTagName("");
//通过标签名返回[元素节点]集合,没有返回null
//该方法不只是用于 d ......
=================Ajax & Javascript====================
[讲师]佟刚
[介绍]讲课不错,人长的也还不错,
[讲课内容]主要讲struts1、javascript、ajax、hibernate、编码加强之项目实战、UML
【JavaScript】
====名词解释====
a.DOM介绍:Document Object Model(文本对象模型)
D:文档 – html 文档 或 xml 文档
O:对象 – document 对象的属性和方法
M:模型
DOM 是针对xml(html)的基于树的API。
DOM树:节点(node)的层次。
DOM 把一个文档表示为一棵家谱树(父,子,兄弟)
DOM定义了Node的接口以及许多种节点类型来表示XML节点的多个方面
b.节点介绍(Node):来源于网络理论,代表网络中的一个连接点。网络是由节点构成的集合
c.节点分为三种类型:元素节点、属性节点、文本节点
d.Node节点是接口,Api定义了很多属性和方法。
e.查找节点:只有创建了节点,才可以使用api的属性和方法
.getElementById("");
//通过id属性值查找[元素节点]对象,没有返回null
//该方法只能用于 document 对象
.getElementsByTagName("");
//通过标签名返回[元素节点]集合,没有返回null
//该方法不只是用于 d ......
ajax与xml数据交互
AJAX可以通过使用XML文件来让信息产生互动
AJAX XML 实例
在先面的AJAX实例中我们将演示如何让WEB页面使用AJAX技术来获取到来自XML文件的信息
从下拉框中选择一盘CD
选择CD: Bob DylanBonnie TylerDolly Parton
TITLE: Greatest Hits
ARTIST: Dolly Parton
COUNTRY: USA
COMPANY: RCA
PRICE: 9.90
YEAR: 1982
AJAX 实例解析
The example above contains a simple HTML form and a link to a JavaScript:
上面的举例包含了简单的HTML表单以及连接到JS的link:
<html>
<head>
<script src="selectcd.js"></script>
</head>
<body>
<form>
Select a CD:
<select name="cds" onchange="showCD(this.value)">
<option value="Bob Dylan">Bob Dylan</option>
<option value="Bonnie Tyler">Bonnie Tyler</option>
<option value="Dolly Parton">Dolly Parton</option>
</select>
</form>
<p>
<div id="txtHint"><b>CD info will be listed here.</b></div>
</p>
</body>
</ht ......