文档中心

用AJAX实现google输入自动完成的简单模拟
2009-03-02 13:00
比较简单的模拟,文本框输入CompanyName,然后
搜索SqlServer2000 里NorthWind数据库 Suppliers表的CompanyName字段,
然后实现自动完成
四个文件
1 .AutoComplete.htm
<!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>输入自动完成</title>
     <script language="javascript">
        //输入信息的文本框
        var txtInput;
        //下拉表当前选中项的索引
        var currentIndex = -1;

        //初始化参数,和下拉表位置
        function initPa ......

本例是采用JSP + Ajax + 文本来演示多选、全选，添加、删除、更新checkbox多选框的效果；充分展现了利用JavaScript控制HTML DOM以及利用XML http 传递数据，利用JSP操作文本的效果。
　　1.JavaScript 用来控制页面内容的现实与增删效果；
　　2.JSP作为后台，对文本进行读取、写入、更新等操作；
　　3.文本格式是用来存储数据的，数据编码UTF-8;4, 本例子在win32,Red hat Linux 9下 jdk1.5,Tomcat 5.0,Apache 2.5下调试通过，同时兼容Firefox 1.0,Opera 8.0,IE6。
　　本例子的优点：
　　1.实时创建html对象，所见即所得的页面增删操作。显示速度加快，增加用户体验。
　　2.XML http传递数据是只是一个id或一个表单值,节省带宽。
　　3.本例子适合采用XML http方式,所以这个效果实用性强，可是JS/JSP代码都很简单。
　　4.有很多东西可以在其他项目中共用,并且解决了操作文本关于中文字符编码的问题。 (本例子在中文操作系统运行，所以选择了GBK编码，如果OS是英文的则需要另外处理，比如改编码为UTF-8，或者根据需要另外转换编码。)
　　5.有拖拽以及展开关闭的效果，用cookie记录了位置以及打开关闭状态，可以在某个项目里用。
　　6.有丰富的注释,适合初学者 ......

<html>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<head>
<title>易水寒的个人简历</title>
</head>
<body bgcolor="#CCFFCC" lang=ZH-CN link=blue vlink=blue style='tab-interval:21.0pt'topmargin=4>
<center><h1>易水寒的个人简历(网页版)</h1></center>
<hr size=6 color=orange width=60% align="center">
<center><pre>制作人：软件学院软开0835班易水寒学号：0825033504 编号：39</pre></center>
<center><pre>（作业代号：1-39-0825033504-易水寒）</pre></center>
<table cellspacing="0.9" border="1" align=center style='font-size:10.0pt'box="3">
<th bgcolor="#99CC33" colspan="7" style='width=520pt;text-align:center;line-height:35pt;color:#CC0000' align="center"><font size="+4"><i><big>易水寒的个人简历</big></i></font></th>
<tr>
< ......

*/
-->
Author:
Thinkhy
Date:
2010.04.11.
Url:
http://www.disandu.com/?p=714
Keyword:
HTML空元素 DIV XSLT jQuery
今天有个HTML空元素的问题折腾了我两个小时，问题是这样的，我要处理一段描述结构化文本的HTML片断：
＜div class='paper'>
   ＜div class='question'>
             <div class="subject">To be or not to be, it's a  question?</div>
             <div class="choice">A</div>
             <div class="choice">B</div>
             <div class="choice">C</div>
             <div class="choice">D</div>
       &n ......

先用现成的组件玩一下，一会再去看看组件源码研究一下。
http://code.google.com/p/flex-iframe/
下载了flexiframe.swc，引入工程。
flex代码
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="absolute"
    xmlns:code="http://code.google.com/p/flex-iframe/">
<mx:Panel width="500"
     height="400">
  <code:IFrame id="googleIFrame"
      label="Google"
      source="http://www.google.com"
      width="100%"
      height="100%"/>
</mx:Panel>
</mx:Application>
运行，发现，可以了。
不过，有个问题，鼠标点击别处的时候，网页消失了。
找了很多地方，找到了解决方法。设置wmode。
首先了解一下wmode是什么。
window mode(wmode)
wmode即窗口模式总共有三种：
window 模式
默认情况下的显示模式，在这种模式下flash player有 ......

如何向HTML 5过渡？
　　Web开发社区的不少人认为转向HTML 5要谨慎。比如，虽然微软计划在IE9中支持HTML 5，但这家软件业巨擘对于在HTML 5还没有正式成为标准之前支持它心存疑虑。微软Windows事业部总裁Steven Sinofsky最近接受采访时表示：“先说自己基于标准，但随后又说你是最兼容HTML 5的浏览器，这种做法不明智，因为这项标准还没有制定完毕。”
　　W3C也对HTML 5的前景持谨慎态度。HTML 5工作组预计这项标准在2011年之前不会正式成为候选推荐标准—这是W3C标准制定过程的特性完成阶段。即便到那时，批准其为W3C推荐标准的过程预计仍会持续到2022年前后。如果真是这样，从XHTML 1.1走到HTML 5就要用21年。
　　不管怎样，HTML 5可能仍是今后5到10年最前沿的技术之一。那些希望马上看到实际应用效果的早期采用者可以这么做，尽管应用有限。如今网上有许多试点项目和演示网站展示了这项新标准的各项功能，关键在于选择合适的浏览器。比如，Firefox对HTML 5功能特性的支持就不尽如人意; 基于WebKit渲染引擎的浏览器(包括Chrome和Safari)则支持得更好些。
　　同样，Web开发人员可以随意尝试，可以用遵守当前HTML 5规范草案的代码来创建整个网站，不过效 ......

用AJAX实现google输入自动完成的简单模拟(转)

JSP+AJAX 添加、删除多选框

JSP+AJAX 添加、删除多选框

HTML 个人简历源码

[经验总结]XSLT输出的HTML空元素导致jQurey解析出错

将HTML页面嵌入FLEX应用中

将HTML页面嵌入FLEX应用中

走入Web新时代我们如何向HTML 5过渡？