AJAX | Eric @ EricBess WebHome

JavaScript 调用SOAP

一直想直接用JavaScrip调用Xurrency.com 的 SOAP，实现汇率的AJAX，找到个JavaScript SOAP Client做了测试。本机上IE,Chrome成功返回，firefox与在host上报错，"access to restricted URI DENIED"不知其所以然。

决定放弃。改用php soapclient+jquery ajax实现。

JavaScript SOAP Client测试代码如下：

^?Download test.html

< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>XHTML-document</title>
<script type="text/javascript" src="soapclient.js"></script>
<script type="text/javascript">
 
	function currency (){
		var url = "http://xurrency.com/servidor_soap.php";
		var pl = new SOAPClientParameters();
		pl.add("amount", 5);
		pl.add("base", "usd");
		pl.add("target", "eur");
		SOAPClient.invoke(url, "getValue", pl, true, Currency_callBack);
	}
 
	function Currency_callBack(r){
		 alert(r);
		}
 
</script>
</head>
<body>
	<form action="">
<input type=button value="Invoke" onclick="currency();" />
</form>
</body>
</html>

11月 10th, 2008 Posted by eric | Coding, 网站技术 | no comments

精通jQuery选择器使用[转]

jQuery 具有一个相当强大的选择器引擎，提供了完整的选择器语法，允许我们选择几乎所有的元素组合。jQuery 的选择器语法主要是基于 CSS3 和 XPath 的，对 CSS3 和 XPath 了解越多，使用 jQuery 时就越显得心应手。有关 CSS 和 XPath，请参阅以下链接：

值得注意的是， CSS3 并没有得到现今所有浏览器的支持，因此我们很少使用它。然而，我们仍然可以在 jQuery 中使用 CSS3 选择元素，因为 jQuery 具备自己的自定义选择器引擎，并且实现了对 CSS3 的支持。

想了解 jQuery 选择器更多信息，可以访问 jQuery 的官方文档有关 Selector 的部分。下面，在原官方文档的基础上作一些简单的翻译和说明。

1. CSS 选择器（CSS Selectors）

jQuery 完整地支持 CSS 1-3，并且可以在（选择器）表达式里加入自定义的 CSS-like （和xPath）。

Click to continue reading

07月 21st, 2008 Posted by eric | Coding | no comments

Jquery效果：实现“即点即改”

目标

一个用AJAX（或AHAH）技术设计的页面，访问者无需离开就可以在看到的(x)HTML 页面上编辑内容。

方案

点击需要编辑的文本，变幻出一个带有保存和取消按钮的textarea。修改的部分将通过AHAH传送至服务器端的一个PHP脚本文件，用来更新数据库（MySQL或普通文件）。

演示

AJAX式即点即改演示
在这第一个演示中，我使用了一个id为“editinplace”的div元素。当鼠标划过这里时，背景颜色将变成浅黄色。点击文本将启动一些DOM操作，div元素被一个textarea元素取代–内中包含原先的文本。
点击保存按钮将向服务器端的PHP脚本文件发送新的HTML内容，并重新输出收到的新文本内容（通过 $_POST）。
在真实应用环境下，你还应当添加一个安全性检测，然后才能更新数据库并返回更新后的页面内容，同事告知jQuery执行成功的信息。

1 2 3

07月 20th, 2008 Posted by eric | Coding, 网站技术 | no comments

Jquery效果：样式表切换

DEMO

熟悉的开篇

$(document).ready(function(){
$('.styleswitch').click(function()

告诉jQuery“以最快的速度查找所有包含对象名‘styleswitch’的元素，并在他们被鼠标点击时执行一个函数”。
看起来不错。当鼠标点击预先指定的元素时，switchStylestyle函数将被调用。从现在开始是重点。

$('link[@rel*=style]').each(function(i) {

这句话什么意思？
找到了jQuery的作者John Resig，向他咨询。他直接给了我一个jQuery网站的页面地址，里面讲解了若干jQuery提供的高级特性(xpath)，可以用来查找并操作页面中的若干元素。如果你看过这些东西你就能明白上面那句神秘的代码的含义是告诉jQuery“查找所有带rel属性并且属性值字符串中包含‘style’的link链接元素”。

Click to continue reading

07月 20th, 2008 Posted by eric | Coding, 网站技术 | one comment

Jquery效果：滑动面板

[html code='y']

Slide Panel

[/html]

07月 4th, 2008 Posted by eric | 网站技术 | no comments

Easy Ajax with jQuery中文版[转]

原文作者：Akash Mehta
原文地址：http://www.sitepoint.com/article/ajax-jquery
翻译：令狐葱

Ajax 在改变着web应用，并且带来了一种前所未有的桌面应用程序之外的震撼。但是，在这些宣传的背后我们应该意识到，其实ajax不过是--(X)HTML, Javascript以及XML,没什么新鲜的.在这个教程中,我将给你展示如何让简单的添加ajax到你的应用中去,并且教你如何使用一个流行的 javascript库Jquey进行ajax开发.

1. 什么是ajax

你以前可能听说过ajax,或者至少用过ajax的应用--比如Gmail.简单的说,ajax就是使用javascript来异步地处理数据,而不是一下子重载整个页面.SitePoint上有个教程a good introduction to Ajax.另外,ajax这个词出自Jesse James Garrett的这篇著名的文章.

不幸的是,关于ajax深入的实践教程可以说少之又少,还有就是ajax中使用的XMLHttpRequest 类对初学网页开发的人来说有很大的难度.不过庆幸的是有一大批javascript库相继出现,为实现ajax提供了简单的方法.我们今天要用到的Jquery就是其中之一.

2. 什么是JQuery

Jquery是一个成熟的Javascript库,它提供许多其他库没有的特性.当然也得承认,它有19K之大,不想moo.fx那样只有3KB之轻.你可以在http://www.sitepoint.com/article/javascript-library这里看到对许多javascript库性能以及其他方面的比较数据.

1 2 3 4 5

02月 19th, 2008 Posted by eric | Coding, 网站技术 | no comments