博文
使用JQuery和ASP打造AutoComplete功能(2009-03-23 12:51:00)
摘要：客户端代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>使用JQuery和ASP打造AutoComplete功能</title>
<script type="text/javascript" src="js/jquery-1.2.1.pack.js"></script>
<script type="text/javascript">
function lookup(inputString) {
if(inputString.length == 0) {
// Hide the suggestion box.
$('#suggestions').hide();
} else {
$.post("showmember.asp", {queryString: ""+escape(inputString)+""}, function(data){
if(data.length >0) {
$('#suggestions').show();
$('#autoSuggestionsList').html(unescape(data));
}......
Prototype and Scriptaculous in Action(2007-09-17 13:37:00)
摘要：今年来真得出了很多新书,多得你很想看,但是你总会抽时间来看。ajax热得不得了，可以从她的libraries可以看出，多得你意想不到。例如有prototype、jquery、Ext等。你可以从中选择一些你喜欢的类库来学习，体验一下javascript也可以OOP， javascript也可以这样玩的，有时一些被遗忘的技术，其潜在力量是那么的可怕！好了，回归正题，说一下我介绍的这本书的简介以及我提供的下载吧。
对于Prototype and Scriptaculous，我不介绍了，网上已经有API文档了。我只说一下这本书的content，以下是这本书的目录（呵呵！赖得翻译了）：
foreword
preface
acknowledgments
about this book
about the title
about the cover illustration
Part 1 Getting Started
1 Introducing Prototype and Scriptaculous
1.1 A brief history of Ajax
1.2 What is Prototype?
1.3 What is Scriptaculous?
1.4 Applying Prototype and Scriptaculous
1.5 Summary
2 Introducing QuickGallery
2.1 Design and implementation
2.2 Evaluating the classic web app model
2.3 Summary
3 Simplifying Ajax with Prototype
3.1 Redesigning for Ajax
3.2 Using XML and Ajax
3.3 Using JSON and Ajax
3.4 Summary
4 Using Prototype抯 Advanced Ajax Features
4.1 Prototype抯 advanced Ajax classes
4.2 Using HTML and Ajax
4.3 Comp......
实例学习JSON(2007-09-03 22:05:00)
摘要：前面我已经介绍过what is json,下面我通过实例来学习在客户端结合javascript调用JSON的例子.
首先在JSON官方网站提供的一个开源的JSON解析器和字符串转换器:json.js.
根据json.js解释文档可以知道:
array.toJSONString(whitelist)
boolean.toJSONString()
date.toJSONString()
number.toJSONString()
object.toJSONString(whitelist)
string.toJSONString()
上面6个函数可以产出json文本,这不必包括任何周期性参数,非法值会被排除.date的缺省转换是一个ISO字符串.你能够添加toJSONString()函数到任何date对象来获得不同的呈现.object和array函数包含whitelist参数选项,whitelist是一个字符串数组,如果它被提供的话,那么在whitelist中没有找到在Objects的keys会被排除.
string.parseJSON(filter)这个函数解释json文本来产生对象和数组,它能够抛出语法错误的异常.选项filter参数具有过滤和转换结果的功能,它能够接受每一个键和值,它能够返回被使用的值代替原来的值.如果它返回接收的东西,那么结构会被修改,如果返回undefined(未定义)的话,则成员会被删除.
例子:
//解释文本,如果键包含字符串为'date',那么转换该值为日期.
&n......
初步了解JSON(2007-09-03 20:28:00)
摘要：JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语言。
JSON建构于两种结构：
“名称/值”对的集合（A collection of name/value pairs）。不同的语言中，它被理解为对象（object），纪录（record），结构（struct），字典（dictionary），哈希表（hash table），有键列表（keyed list），或者关联数组 （associative array）。
值的有序列表（An ordered list of values）。在大部分语言中，它被理解为数组（array）。
这些都是常见的数据结构。事实上大部分现代计算机语言都以某种形式支持它们。这使得一种数据格式在同样基于这些结构的编程语言之间交换成为可能。
JSON具有以下这些形式：
对象是一个无序的“‘名称/值’对”集合。一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”（冒号）；“‘名称/值’ 对”之间使用“,”（逗号）分隔。
数组是值（value）的有序集合。一个数组以“[”（左中括号）开始，“]”（右中括号）结束。值之间使用“,”（逗号）分隔。
值（value）可以是双引号括起来的字符串（string）、数值(number)、true、false、 null、对象（object）或者数组（array）。这些结构可以嵌套。
字符串（string）是由双引号包围的任意数量Unicode字符的集合，使用反斜线转义。一个字符（character）即一个单独的字符串（character string）。
字符串（string）与C或者Java的字符串非常相似。
数值（number）也与C或者Java的数值非常相似。除去未曾使用的......
发布一个Javascript Calendar(2007-07-20 19:52:00)
摘要：
Javascript Calendar 是一个通过在表单域选择日期来显示一个日历的轻量级控件.同时,日历可以通过导航来选择适合的日期.相比之下ASP.NET AJAXControlToolkit的Calendar控件,Javascript Calendar也是一种不错的选择,而且安装使用很方便的.
下面介绍一下安装使用的方法:
1.在你站点上复制Calendar.js脚本到你预先建立好的文件夹.
2.在你的HTML页面,在某处包含以下:
<SCRIPT SRC="calendar.js"></SCRIPT>
3.寻找你想呈现日历的输入框,修改它来包含以下:
<input type="text" value="dd/mm/yy" onfocus="this.select();lcs(this)" onclick="event.cancelBubble=true;this.select();lcs(this)">
4.最后会产生以下的效果:
若大家想了解更多的惊喜,可以浏览该网页获取自己喜欢的特性:http://calendar.swazz.org/
接着下一篇文章我会介绍一下Windows Vista Skin的制作:
先发一张cool图给大家看看,是不是好象CSDN的系统消息啊?......
打算开发一个集天气预报与RSS阅读功能网站管理系统(2007-07-17 18:54:00)
摘要：本人近期打算用ASP.NET 2.0,ASP.NET AJAX以及WebService等技术开发一个集天气预报与RSS阅读功能网站管理系统。希望各位有经验的朋友给下意见,谢谢!......
如何创建一个进度栏控件(2007-07-13 21:19:00)
摘要：
以下文章翻译自http://www.beansoftware.com/ASP.NET-Tutorials/ProgressBar-User-Control.aspx。若有任何疑问,可以互相交流(goalbell@gmail.com)。
正文:
在以用户为中心的应用程序,我们经常努力使到应用程序更具交互性和用户体验性。当每个用户执行任何重型和长编的操作(上传和下载一个大型文件或者安装)时,他或者她期望知道在正规的区间操作的进度。用户应该知道每步是否成功或失败的状态。我们不能让用户一直等待。用户应该知道任务完成的百份比。
这编文章讨论关于创建一个平滑,递增的进度栏控件(定制的用户控件)。这个是你可以包含任何ASP.NET web应用程序的典型用户控件。这个用户控件是一个使用HTML TABLE建立的轻量级控件。
<%@ Control Language="VB" AutoEventWireup="false" CodeFile="ProgressBar.ascx.vb" Inherits="ProgressBar" %>
<asp:Table ID="tblProgressBar" runat="server"
BorderWidth="1px"
CellPadding="1"
CellSpacing="1"
Height="15px"
Width="200px">
</asp:Table>
<uc1:Progressbar ID="Progressbar1" runat="server" BGColor="Gray" Blocks="20" BorderColor="Black"
&......
发布一个获取天气信息的ajax应用(2007-06-03 14:40:00)
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>使用Ajax获得天气信息</title>
<script type="text/javascript" language="javascript">
function getXMLRequester( ){
var xmlhttp_request = false;
try{
if( window.ActiveXObject ){
for( var i = 5; i; i-- ){
&nbs......
用magicajax做的一个简单提高用户体验的留言(2007-05-31 21:25:00)
摘要：
界面图:
代码如下:
Default.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="MagicAjax" Namespace="MagicAjax.UI.Controls" TagPrefix="ajax" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Simple MessageBook for MagicAjax Application</title>
<style type="text/css">
h3.title{color:seagreen}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<div>
<h3 class="title">留言列表:</h3>
......
关于ajax.net的问题(2007-05-04 11:37:00)
摘要：我用ajax.net做了一个简单的功能,运行之后怎样都不能弹出一个对话框,而且网页上出现错误。是不是客户端得不到javascript代理类,真是搞不懂!代码如下:
Default.cs
using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
namespace myajax
{
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
//注册服务器端函数的类
AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));
}
[AjaxPro.AjaxMethod]
public string GetMessage()
{
return "My name is goalbell !";
}
}
}
Default.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="myajax._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/......