<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="http://www.dflying.net/styles/rss.css" type="text/css"?>
<rdf:RDF 
  xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" 
  xmlns="http://my.netscape.com/rdf/simple/0.9/"
>

 <channel>
  <title>David&#039;s Untitled Life</title>
  <link>http://blueoxygen.dflying.net/3</link>
  <description>ERP,CRM,BW,SAP,Accounting...</description>
 </channel>
    <item>
   <title>IE7 has been released</title>
   <description>&lt;p&gt;Download here:http://www.microsoft.com/windows/ie/downloads/default.mspx&lt;br /&gt;Tab browsing, RSS subscrib support...&lt;/p&gt;&lt;br/&gt;</description>
   <link>http://blueoxygen.dflying.net/3/archive/186_ie7_has_been_released.html</link>
      <pubDate>Thu, 19 Oct 2006 14:01:29 +0100</pubDate>   
  </item>
    <item>
   <title>Duet:Microsoft and SAP&#039;s power</title>
   <description>&lt;p&gt;I got this message from &lt;a href=&quot;http://blog.joycode.com/sunmast/archive/2006/05/12/duet_by_ms_and_sap_intro.aspx&quot;&gt;Here.&lt;/a&gt;Microsoft and SAP will dev a new product named Duet.This is it&#039;s site:http://www.duet.com/&lt;br /&gt;Office will be the Front end as Presentation and SAP will be the Application layer. I thought Office&#039;s smart client is a great tech before. Now office and SAP make a perfect bound. Here is the Architech diagram:&lt;br /&gt;&lt;img alt=&quot;Duet Architecture&quot; src=&quot;http://www.duet.com/Portals/0/Images/duet_architecture.jpg&quot; /&gt;&lt;/p&gt;&lt;br/&gt;</description>
   <link>http://blueoxygen.dflying.net/3/archive/141_duetmicrosoft_and_saps_power.html</link>
      <pubDate>Fri, 12 May 2006 15:04:31 +0100</pubDate>   
  </item>
    <item>
   <title>Next step of AJAX</title>
   <description>&lt;p&gt;Because of focusing on SAP field and busying with a Bank Project,i haven&#039;t visit most tech webs such as TSS ajaxian for a long time.But i sitll care the evolution of JAVA world.&lt;br /&gt;Today i found a new word--comet.No, not Halley&#039;s comet,yet another buzzword in AJAX world.&lt;br /&gt;It&#039;s a approach to improve the interaction of  web application after AJAX.The server will hold a connection with client and push message to the client .&lt;br /&gt;More information please visit the related sites:&lt;br /&gt;http://www.irishdev.com/NewsArticle.aspx?id=2166&lt;br /&gt;http://www.irishdev.com/NewsArticle.aspx?id=2173&lt;/p&gt;&lt;br/&gt;</description>
   <link>http://blueoxygen.dflying.net/3/archive/137_next_step_of_ajax.html</link>
      <pubDate>Fri, 28 Apr 2006 10:36:49 +0100</pubDate>   
  </item>
    <item>
   <title>We still need iframe</title>
   <description>&lt;p&gt;I&#039;m implementing upload feature.Javascript can&#039;t manipulate file on client machine for security,so i came to &lt;i&gt;iframe &lt;/i&gt;firstlly.But i still wonder GMail and microsoft live mail&#039;s solution.I found that there were few discussion in domestic ajax forum.But there are many voerseas components.I found all of them use iframe to solve this problem.&lt;/p&gt;&lt;p&gt;So we still need &lt;i&gt;iframe &lt;/i&gt;as a approach on &lt;b&gt;AJAX &lt;/b&gt;way.&lt;/p&gt;&lt;div id=&quot;Clipmarks17BorderDiv427&quot; style=&quot;border: 2px solid orange; margin: 0px; padding: 0px; position: absolute; width: 0px; display: none; z-index: 99999;&quot;&gt;&lt;/div&gt;&lt;div id=&quot;Clipmarks664BorderDiv2322&quot; style=&quot;border: 2px solid orange; margin: 0px; padding: 0px; position: absolute; width: 0px; display: none; z-index: 99999;&quot;&gt;&lt;/div&gt;&lt;div id=&quot;Clipmarks557BorderDiv652&quot; style=&quot;border: 2px solid orange; margin: 0px; padding: 0px; position: absolute; height: 0px; display: none; z-index: 99999;&quot;&gt;&lt;/div&gt;&lt;div id=&quot;Clipmarks622BorderDiv4343&quot; style=&quot;border: 2px solid orange; margin: 0px; padding: 0px; position: absolute; height: 0px; display: none; z-index: 99999;&quot;&gt;&lt;/div&gt;&lt;br/&gt;&lt;div id=&quot;Clipmarks17BorderDiv427&quot; style=&quot;border: 2px solid orange; margin: 0px; padding: 0px; position: absolute; width: 0px; display: none; z-index: 99999;&quot;&gt;&lt;/div&gt;&lt;div id=&quot;Clipmarks664BorderDiv2322&quot; style=&quot;border: 2px solid orange; margin: 0px; padding: 0px; position: absolute; width: 0px; display: none; z-index: 99999;&quot;&gt;&lt;/div&gt;&lt;div id=&quot;Clipmarks557BorderDiv652&quot; style=&quot;border: 2px solid orange; margin: 0px; padding: 0px; position: absolute; height: 0px; display: none; z-index: 99999;&quot;&gt;&lt;/div&gt;&lt;div id=&quot;Clipmarks622BorderDiv4343&quot; style=&quot;border: 2px solid orange; margin: 0px; padding: 0px; position: absolute; height: 0px; display: none; z-index: 99999;&quot;&gt;&lt;/div&gt;</description>
   <link>http://blueoxygen.dflying.net/3/archive/91_we_still_need_iframe.html</link>
      <pubDate>Thu, 23 Mar 2006 08:51:26 +0000</pubDate>   
  </item>
    <item>
   <title>Cool online ruby tutorial</title>
   <description>&lt;a href=&quot;http://tryruby.hobix.com/&quot;&gt;http://tryruby.hobix.com/&lt;/a&gt; Really cool! &lt;img alt=&quot;:)&quot; src=&quot;http://www.dflying.net/plugins/smileys/icons/default/regular_smile.gif&quot; /&gt;&lt;br/&gt;</description>
   <link>http://blueoxygen.dflying.net/3/archive/88_cool_online_ruby_tutorial.html</link>
      <pubDate>Wed, 22 Mar 2006 07:16:37 +0000</pubDate>   
  </item>
    <item>
   <title>Basic Definitions and Concepts of AOP</title>
   <description>&lt;ul&gt;&lt;li&gt;Concern &lt;font size=&quot;2&quot;&gt;A particular issue, concept or area of interest for an application. Examples include transaction management, persistence, logging and security.&lt;/font&gt;&lt;/li&gt;&lt;li&gt;Crosscutting Concern &lt;font size=&quot;2&quot;&gt;A concern in which the implementation cuts across many classes. These are often difficult to implement and maintain with OOP.&lt;/font&gt;&lt;/li&gt;&lt;li&gt;Aspect &lt;font size=&quot;2&quot;&gt;The modularization of a crosscutting concern; implemented by gathering and isolating code.&lt;/font&gt;&lt;/li&gt;&lt;li&gt;Join Point &lt;font size=&quot;2&quot;&gt;A point during the execution of a program or class. In Spring&#039;s AOP implementation, a join point is always a method invocation. Other examples include accessing fields, where read or write access occurs on an instance variable, and exception handling.&lt;/font&gt;&lt;/li&gt;&lt;li&gt;Advice &lt;font size=&quot;2&quot;&gt;An action taken at a particular join point. Different types of advice in Spring include around, before, throws and after returning. Of these, around is the most powerful, as you get the opportunity to do something before and after a method is invoked. The previous TraceInterceptor used around advice by implementing the AOP Alliance&#039;s MethodInterceptor.&lt;/font&gt;&lt;/li&gt;&lt;li&gt;Pointcut &lt;font size=&quot;2&quot;&gt;A set of join points specifying when an advice should fire. Pointcuts often use regular expressions or wildcard syntax.&lt;/font&gt;&lt;/li&gt;&lt;li&gt;Introduction &lt;font size=&quot;2&quot;&gt;Adds fields or methods to an advised class. Spring allows you to introduce new interfaces to any advised object. For example, you could use an introduction to make any object implement an IsModified interface, to simplify caching.&lt;/font&gt;&lt;/li&gt;&lt;li&gt;Weaving &lt;font size=&quot;2&quot;&gt;Assembles aspects to create an advised object. This can be done at compile time (this is how AspectJ does it) or at runtime. The Weaving Strategies section later in this chapter discusses in detail the different strategies for weaving (that is, implementing AOP).&lt;/font&gt;&lt;/li&gt;&lt;li&gt;Interceptor &lt;font size=&quot;2&quot;&gt;An AOP implementation strategy, where a chain of interceptors may exist for a particular join point.&lt;/font&gt;&lt;/li&gt;&lt;li&gt;AOP Proxy &lt;font size=&quot;2&quot;&gt;An object created by the AOP framework, including advice. In Spring, an AOP proxy will be a JDK dynamic proxy or a CGLIB proxy.&lt;/font&gt;&lt;/li&gt;&lt;li&gt;Target Object &lt;font size=&quot;2&quot;&gt;An object containing the join point. In frameworks using interception, it&#039;s the object instance at the end of an interceptor chain. Also called an advised or proxied object.&lt;/font&gt;&lt;/li&gt;&lt;/ul&gt;&lt;br/&gt;</description>
   <link>http://blueoxygen.dflying.net/3/archive/86_basic_definitions_and_concepts_of_aop.html</link>
      <pubDate>Tue, 21 Mar 2006 07:07:00 +0000</pubDate>   
  </item>
    <item>
   <title>AJAX tool box---Venkman</title>
   <description>&lt;img hspace=&quot;0&quot; src=&quot;http://blueoxygen.dflying.net/3/get/ajax.jpg&quot; align=&quot;left&quot; border=&quot;0&quot; /&gt;&lt;a href=&quot;http://www.mozilla.org/projects/venkman/&quot;&gt;Venkman &lt;/a&gt;is a Javascript Debugger as a FireFox extenstion.It&#039;s at least powerful than IE&#039;s default script debugger(not Visual InterDev&#039;s).You can watch varaiable,set breakpoint and use &amp;quot;step over&amp;quot; &amp;quot;step into&amp;quot; &amp;quot;step out&amp;quot; &amp;quot;continue&amp;quot; buttons to debug your niffy javascript codes.&lt;br /&gt;It&#039;s ease to use.And tutorial is HERE:http://www.svendtofte.com/code/learning_venkman/index.php&lt;br/&gt;</description>
   <link>http://blueoxygen.dflying.net/3/archive/75_ajax_tool_box---venkman.html</link>
      <pubDate>Mon, 13 Mar 2006 02:05:09 +0000</pubDate>   
  </item>
    <item>
   <title>No more crap about IE Memeory Leak</title>
   <description>Two useful liks:&lt;br /&gt;&lt;a href=&quot;http://jibbering.com/faq/faq_notes/closures.html#clMem&quot;&gt;http://jibbering.com/faq/faq_notes/closures.html#clMem&lt;/a&gt;&lt;br /&gt;&lt;a href=&quot;http://javascript.weblogsinc.com/2005/03/07/javascript-memory-leaks/&quot;&gt;http://javascript.weblogsinc.com/2005/03/07/javascript-memory-leaks/&lt;/a&gt;&lt;br/&gt;</description>
   <link>http://blueoxygen.dflying.net/3/archive/69_no_more_crap_about_ie_memeory_leak.html</link>
      <pubDate>Sat, 11 Mar 2006 08:39:23 +0000</pubDate>   
  </item>
    <item>
   <title>variable&#039;s scope in Javascript</title>
   <description>&lt;p&gt;&lt;img class=&quot;res_image&quot; style=&quot;MARGIN: 5px&quot; hspace=&quot;0&quot; src=&quot;http://www.dflying.net/resserver.php?blogId=3&amp;resource=ajax.jpg&quot; align=&quot;left&quot; border=&quot;0&quot; /&gt;See DFlying&#039;s &lt;a href=&quot;http://dflying.dflying.net/1/archive/61_javascript_variable_scope.html&quot;&gt;finding&lt;/a&gt;:&lt;br /&gt;Yep,No Block Scope concept in JavaScript.Only the global and function Scope.You can use &amp;quot;var&amp;quot; to declare a global variable and use &amp;quot;var&amp;quot; agian to declare a homonymous variable in a function.In the function ,the second one works.But there is no Block scope.&lt;br /&gt;Check the codes below,it&#039;s a demo for &amp;quot;&lt;strong&gt;NO BLOCK SCOPE&lt;/strong&gt;&amp;quot;&lt;br /&gt;&lt;span class=&quot;kw2&quot;&gt;&lt;strong&gt;&lt;font color=&quot;#003366&quot;&gt;function&lt;/font&gt;&lt;/strong&gt;&lt;/span&gt; test&lt;span class=&quot;br0&quot;&gt;&lt;font color=&quot;#66cc66&quot;&gt;(&lt;/font&gt;&lt;/span&gt;o&lt;span class=&quot;br0&quot;&gt;&lt;font color=&quot;#66cc66&quot;&gt;)&lt;/font&gt;&lt;/span&gt; &lt;font color=&quot;#66cc66&quot;&gt;&lt;span class=&quot;br0&quot;&gt;{&lt;/span&gt;&lt;/font&gt;&lt;span class=&quot;kw2&quot;&gt;&lt;strong&gt;&lt;font color=&quot;#003366&quot;&gt;var&lt;/font&gt;&lt;/strong&gt;&lt;/span&gt; i = &lt;span class=&quot;nu0&quot;&gt;&lt;font color=&quot;#cc0000&quot;&gt;0&lt;/font&gt;&lt;/span&gt;; &lt;font color=&quot;#009900&quot;&gt;&lt;span class=&quot;co1&quot;&gt;// i is defined throughout function&lt;/span&gt;&lt;/font&gt;&lt;span class=&quot;kw1&quot;&gt;&lt;strong&gt;&lt;font color=&quot;#000066&quot;&gt;if&lt;/font&gt;&lt;/strong&gt;&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&lt;font color=&quot;#66cc66&quot;&gt;(&lt;/font&gt;&lt;/span&gt;&lt;span class=&quot;kw1&quot;&gt;&lt;strong&gt;&lt;font color=&quot;#000066&quot;&gt;typeof&lt;/font&gt;&lt;/strong&gt;&lt;/span&gt; o == &lt;span class=&quot;st0&quot;&gt;&lt;font color=&quot;#3366cc&quot;&gt;&amp;quot;object&amp;quot;&lt;/font&gt;&lt;/span&gt;&lt;span class=&quot;br0&quot;&gt;&lt;font color=&quot;#66cc66&quot;&gt;)&lt;/font&gt;&lt;/span&gt; &lt;font color=&quot;#66cc66&quot;&gt;&lt;span class=&quot;br0&quot;&gt;{&lt;/span&gt;&lt;/font&gt;&lt;span class=&quot;kw2&quot;&gt;&lt;strong&gt;&lt;font color=&quot;#003366&quot;&gt;var&lt;/font&gt;&lt;/strong&gt;&lt;/span&gt; j = &lt;span class=&quot;nu0&quot;&gt;&lt;font color=&quot;#cc0000&quot;&gt;0&lt;/font&gt;&lt;/span&gt;; &lt;font color=&quot;#009900&quot;&gt;&lt;span class=&quot;co1&quot;&gt;// j is defined everywhere, not just block&lt;/span&gt;&lt;/font&gt;&lt;span class=&quot;kw1&quot;&gt;&lt;strong&gt;&lt;font color=&quot;#000066&quot;&gt;for&lt;/font&gt;&lt;/strong&gt;&lt;/span&gt;&lt;span class=&quot;br0&quot;&gt;&lt;font color=&quot;#66cc66&quot;&gt;(&lt;/font&gt;&lt;/span&gt;&lt;span class=&quot;kw2&quot;&gt;&lt;strong&gt;&lt;font color=&quot;#003366&quot;&gt;var&lt;/font&gt;&lt;/strong&gt;&lt;/span&gt; k = &lt;span class=&quot;nu0&quot;&gt;&lt;font color=&quot;#cc0000&quot;&gt;0&lt;/font&gt;&lt;/span&gt;; k &amp;lt; &lt;span class=&quot;nu0&quot;&gt;&lt;font color=&quot;#cc0000&quot;&gt;10&lt;/font&gt;&lt;/span&gt;; k++&lt;span class=&quot;br0&quot;&gt;&lt;font color=&quot;#66cc66&quot;&gt;)&lt;/font&gt;&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&lt;font color=&quot;#66cc66&quot;&gt;{&lt;/font&gt;&lt;/span&gt; &lt;font color=&quot;#009900&quot;&gt;&lt;span class=&quot;co1&quot;&gt;// k is defined everywhere, not just loop&lt;/span&gt;&lt;/font&gt;document.&lt;span class=&quot;kw1&quot;&gt;&lt;strong&gt;&lt;font color=&quot;#000066&quot;&gt;write&lt;/font&gt;&lt;/strong&gt;&lt;/span&gt;&lt;span class=&quot;br0&quot;&gt;&lt;font color=&quot;#66cc66&quot;&gt;(&lt;/font&gt;&lt;/span&gt;k&lt;span class=&quot;br0&quot;&gt;&lt;font color=&quot;#66cc66&quot;&gt;)&lt;/font&gt;&lt;/span&gt;;&lt;br /&gt;&lt;br /&gt;&lt;font color=&quot;#66cc66&quot;&gt;&lt;span class=&quot;br0&quot;&gt;}&lt;/span&gt;&lt;/font&gt;document.&lt;span class=&quot;kw1&quot;&gt;&lt;strong&gt;&lt;font color=&quot;#000066&quot;&gt;write&lt;/font&gt;&lt;/strong&gt;&lt;/span&gt;&lt;span class=&quot;br0&quot;&gt;&lt;font color=&quot;#66cc66&quot;&gt;(&lt;/font&gt;&lt;/span&gt;k&lt;span class=&quot;br0&quot;&gt;&lt;font color=&quot;#66cc66&quot;&gt;)&lt;/font&gt;&lt;/span&gt;; &lt;font color=&quot;#009900&quot;&gt;&lt;span class=&quot;co1&quot;&gt;// k is still defined: prints 10&lt;/span&gt;&lt;/font&gt;&lt;font color=&quot;#66cc66&quot;&gt;&lt;span class=&quot;br0&quot;&gt;}&lt;/span&gt;&lt;/font&gt;document.&lt;span class=&quot;kw1&quot;&gt;&lt;strong&gt;&lt;font color=&quot;#000066&quot;&gt;write&lt;/font&gt;&lt;/strong&gt;&lt;/span&gt;&lt;span class=&quot;br0&quot;&gt;&lt;font color=&quot;#66cc66&quot;&gt;(&lt;/font&gt;&lt;/span&gt;j&lt;span class=&quot;br0&quot;&gt;&lt;font color=&quot;#66cc66&quot;&gt;)&lt;/font&gt;&lt;/span&gt;; &lt;font color=&quot;#009900&quot;&gt;&lt;span class=&quot;co1&quot;&gt;// j is defined, but may not be initialized&lt;/span&gt;&lt;/font&gt;&lt;span class=&quot;br0&quot;&gt;&lt;font color=&quot;#66cc66&quot;&gt;}&lt;/font&gt;&lt;/span&gt; &lt;/p&gt;&lt;p&gt;&lt;strong&gt;But,You still need to care javascript&#039;s FUNCTION SCOPE.&lt;/strong&gt;Also see code snippet:&lt;br /&gt;&lt;span class=&quot;kw2&quot;&gt;&lt;strong&gt;&lt;font color=&quot;#003366&quot;&gt;var&lt;/font&gt;&lt;/strong&gt;&lt;/span&gt; scope = &lt;span class=&quot;st0&quot;&gt;&lt;font color=&quot;#3366cc&quot;&gt;&amp;quot;global&amp;quot;&lt;/font&gt;&lt;/span&gt;;&lt;br /&gt;&lt;br /&gt;&lt;span class=&quot;kw2&quot;&gt;&lt;strong&gt;&lt;font color=&quot;#003366&quot;&gt;function&lt;/font&gt;&lt;/strong&gt;&lt;/span&gt; f&lt;span class=&quot;br0&quot;&gt;&lt;font color=&quot;#66cc66&quot;&gt;(&lt;/font&gt;&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&lt;font color=&quot;#66cc66&quot;&gt;)&lt;/font&gt;&lt;/span&gt; &lt;font color=&quot;#66cc66&quot;&gt;&lt;span class=&quot;br0&quot;&gt;{&lt;/span&gt;&lt;/font&gt;&lt;span class=&quot;kw3&quot;&gt;&lt;font color=&quot;#000066&quot;&gt;alert&lt;/font&gt;&lt;/span&gt;&lt;span class=&quot;br0&quot;&gt;&lt;font color=&quot;#66cc66&quot;&gt;(&lt;/font&gt;&lt;/span&gt;scope&lt;span class=&quot;br0&quot;&gt;&lt;font color=&quot;#66cc66&quot;&gt;)&lt;/font&gt;&lt;/span&gt;; &lt;font color=&quot;#009900&quot;&gt;&lt;span class=&quot;co1&quot;&gt;// Displays &amp;quot;undefined&amp;quot;, not &amp;quot;global&amp;quot;&lt;/span&gt;&lt;/font&gt;&lt;span class=&quot;kw2&quot;&gt;&lt;strong&gt;&lt;font color=&quot;#003366&quot;&gt;var&lt;/font&gt;&lt;/strong&gt;&lt;/span&gt; scope = &lt;span class=&quot;st0&quot;&gt;&lt;font color=&quot;#3366cc&quot;&gt;&amp;quot;local&amp;quot;&lt;/font&gt;&lt;/span&gt;; &lt;font color=&quot;#009900&quot;&gt;&lt;span class=&quot;co1&quot;&gt;// Variable initialized here, but defined everywhere&lt;/span&gt;&lt;/font&gt;&lt;span class=&quot;kw3&quot;&gt;&lt;font color=&quot;#000066&quot;&gt;alert&lt;/font&gt;&lt;/span&gt;&lt;span class=&quot;br0&quot;&gt;&lt;font color=&quot;#66cc66&quot;&gt;(&lt;/font&gt;&lt;/span&gt;scope&lt;span class=&quot;br0&quot;&gt;&lt;font color=&quot;#66cc66&quot;&gt;)&lt;/font&gt;&lt;/span&gt;; &lt;font color=&quot;#009900&quot;&gt;&lt;span class=&quot;co1&quot;&gt;// Displays &amp;quot;local&amp;quot;&lt;/span&gt;&lt;/font&gt;&lt;font color=&quot;#66cc66&quot;&gt;&lt;span class=&quot;br0&quot;&gt;}&lt;/span&gt;&lt;/font&gt;f&lt;span class=&quot;br0&quot;&gt;&lt;font color=&quot;#66cc66&quot;&gt;(&lt;/font&gt;&lt;/span&gt; &lt;span class=&quot;br0&quot;&gt;&lt;font color=&quot;#66cc66&quot;&gt;)&lt;/font&gt;&lt;/span&gt;; &lt;br /&gt;Right,thought you alert(scope) first and then define a new functin scope variable scope.However,once you define a function scope vriable,it will hide the global variable in the function body,whatever the definition order.&lt;/p&gt;&lt;br/&gt;</description>
   <link>http://blueoxygen.dflying.net/3/archive/68_variables_scope_in_javascript.html</link>
      <pubDate>Sat, 11 Mar 2006 08:12:45 +0000</pubDate>   
  </item>
    <item>
   <title>AJAX Auto-complete component</title>
   <description>&lt;img hspace=&quot;0&quot; src=&quot;http://blueoxygen.dflying.net/3/get/ajax.jpg&quot; align=&quot;left&quot; border=&quot;0&quot; /&gt;&amp;#26412;&amp;#26469;&amp;#36824;&amp;#35201;&amp;#33258;&amp;#24049;&amp;#20889;&amp;#19968;&amp;#20010;auto-complete&amp;#65292;&amp;#20294;&amp;#26159;&amp;#22823;&amp;#22810;&amp;#25968;&amp;#27492;&amp;#31867;&amp;#21151;&amp;#33021;&amp;#24182;&amp;#27809;&amp;#26377;&amp;#25552;&amp;#20379;&amp;#31867;&amp;#20284;google suggest&amp;#25552;&amp;#20379;&amp;#30340;&amp;#38190;&amp;#30424;&amp;#36873;&amp;#25321;&amp;#21151;&amp;#33021;&amp;#65292;auto-complete&amp;#20415;&amp;#22833;&amp;#21435;&amp;#20102;&amp;#19968;&amp;#22823;&amp;#21322;&amp;#30340;&amp;#20132;&amp;#20114;&amp;#25913;&amp;#21892;&amp;#12290;&amp;#20110;&amp;#26159;&amp;#21069;&amp;#20004;&amp;#22825;&amp;#36824;&amp;#29305;&amp;#24847;&amp;#25170;&amp;#20102;google suggest&amp;#26469;&amp;#30475;ac.js &amp;#21457;&amp;#29616;google&amp;#23450;&amp;#26159;&amp;#29992;&amp;#20102;&amp;#28151;&amp;#28102;&amp;#22120;&amp;#12290;&amp;#34429;&amp;#28982;&amp;#20195;&amp;#30721;&amp;#27809;&amp;#26377;&amp;#21387;&amp;#32553;&amp;#65292;&amp;#20294;&amp;#26159;&amp;#20195;&amp;#30721;&amp;#30340;&amp;#22238;&amp;#36710;&amp;#31354;&amp;#34892;&amp;#21644;&amp;#20989;&amp;#25968;&amp;#21517;&amp;#23383;&amp;#20840;&amp;#37096;&amp;#28151;&amp;#20081;&amp;#12290;&amp;#27491;&amp;#22312;&amp;#35201;&amp;#33258;&amp;#24049;&amp;#20889;&amp;#30340;&amp;#26102;&amp;#20505;&amp;#21457;&amp;#29616;&amp;#20102;&amp;#27492;&amp;#20013;&amp;#22269;&amp;#33258;&amp;#20135;&amp;#30340;AutoAssist&amp;#12290;Very Cool!&lt;br /&gt;&lt;br /&gt;&lt;div id=&quot;Clipmarks6BorderDiv8618&quot; style=&quot;BORDER-RIGHT: orange 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: orange 2px solid; DISPLAY: none; PADDING-LEFT: 0px; Z-INDEX: 99999; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: orange 2px solid; WIDTH: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: orange 2px solid; POSITION: absolute&quot;&gt;&lt;/div&gt;&lt;div id=&quot;Clipmarks277BorderDiv4702&quot; style=&quot;BORDER-RIGHT: orange 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: orange 2px solid; DISPLAY: none; PADDING-LEFT: 0px; Z-INDEX: 99999; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: orange 2px solid; WIDTH: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: orange 2px solid; POSITION: absolute&quot;&gt;&lt;/div&gt;&lt;div id=&quot;Clipmarks246BorderDiv6480&quot; style=&quot;BORDER-RIGHT: orange 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: orange 2px solid; DISPLAY: none; PADDING-LEFT: 0px; Z-INDEX: 99999; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: orange 2px solid; PADDING-TOP: 0px; BORDER-BOTTOM: orange 2px solid; POSITION: absolute; HEIGHT: 0px&quot;&gt;&lt;/div&gt;&lt;div id=&quot;Clipmarks27BorderDiv7329&quot; style=&quot;BORDER-RIGHT: orange 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: orange 2px solid; DISPLAY: none; PADDING-LEFT: 0px; Z-INDEX: 99999; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: orange 2px solid; PADDING-TOP: 0px; BORDER-BOTTOM: orange 2px solid; POSITION: absolute; HEIGHT: 0px&quot;&gt;&lt;/div&gt;&lt;br/&gt;&lt;div class=&quot;entry-body&quot;&gt;&lt;p&gt;&lt;a href=&quot;http://capxous.com/autoassist/&quot;&gt;AutoAssist&lt;/a&gt; is an auto completion web widget that written in pure JavaScript. It can help enhance the accessibility of existing website, let the users to work effective and feel comfortable. AutoAssist Javascript only and is built upon prototype and rico. Its main features are :&lt;/p&gt;&lt;p&gt;* improve the User Experience&lt;br /&gt;* Don&#039;t require an Ajax experience&lt;br /&gt;* pretty managed JavaScript, easy to understand and customize&lt;br /&gt;* works well on Mozilla/FireFox, IE and Opera&lt;br /&gt;* have a nice solution for fast user typing, reduce a lot of corresponding server loading (20% - 80% *)&lt;/p&gt;&lt;center&gt;&lt;img height=&quot;128&quot; alt=&quot;autoassist.png&quot; src=&quot;http://ajax.phpmagazine.net/upload/2006/03/autoassist.png&quot; width=&quot;383&quot; /&gt;&lt;/center&gt;&lt;/div&gt;&lt;div style=&quot;MARGIN-TOP: 0px; FLOAT: left; MARGIN-RIGHT: 3px&quot;&gt;&lt;!-- ads --&gt;&lt;/div&gt;&lt;p&gt;The code for the screenshot is very simple : &lt;/p&gt;&lt;pre class=&quot;code&quot;&gt;var foo = function() {&lt;br /&gt;    var tt = new AutoAssist(&amp;quot;t&amp;quot;, {setRequestOptions: function() {&lt;br /&gt;            var pars = &amp;quot;name=&amp;quot; + this.txtBox.value;&lt;br /&gt;            return { url: &amp;quot;/country.php&amp;quot;, parameters: pars };&lt;br /&gt;        }});&lt;br /&gt;}&lt;br /&gt;Event.observe(window, &amp;quot;load&amp;quot;, foo);&lt;/pre&gt;&lt;p&gt;You can find a &lt;a href=&quot;http://capxous.com/autoassist/ten-minutes-tutorial/&quot;&gt;ten minutes tutorial for AutoAssist&lt;/a&gt; explaining in details how to use this script to create an auto-complete list based on country data.&lt;/p&gt;&lt;p&gt;By the way,script.aculo.us also has it&#039;s impelmention:http://demo.script.aculo.us/ajax/autocompleter&lt;/p&gt;&lt;div id=&quot;Clipmarks6BorderDiv8618&quot; style=&quot;BORDER-RIGHT: orange 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: orange 2px solid; DISPLAY: none; PADDING-LEFT: 0px; Z-INDEX: 99999; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: orange 2px solid; WIDTH: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: orange 2px solid; POSITION: absolute&quot;&gt;&lt;/div&gt;&lt;div id=&quot;Clipmarks277BorderDiv4702&quot; style=&quot;BORDER-RIGHT: orange 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: orange 2px solid; DISPLAY: none; PADDING-LEFT: 0px; Z-INDEX: 99999; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: orange 2px solid; WIDTH: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: orange 2px solid; POSITION: absolute&quot;&gt;&lt;/div&gt;&lt;div id=&quot;Clipmarks246BorderDiv6480&quot; style=&quot;BORDER-RIGHT: orange 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: orange 2px solid; DISPLAY: none; PADDING-LEFT: 0px; Z-INDEX: 99999; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: orange 2px solid; PADDING-TOP: 0px; BORDER-BOTTOM: orange 2px solid; POSITION: absolute; HEIGHT: 0px&quot;&gt;&lt;/div&gt;&lt;div id=&quot;Clipmarks27BorderDiv7329&quot; style=&quot;BORDER-RIGHT: orange 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: orange 2px solid; DISPLAY: none; PADDING-LEFT: 0px; Z-INDEX: 99999; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: orange 2px solid; PADDING-TOP: 0px; BORDER-BOTTOM: orange 2px solid; POSITION: absolute; HEIGHT: 0px&quot;&gt;&lt;/div&gt;</description>
   <link>http://blueoxygen.dflying.net/3/archive/53_ajax_auto-complete_component.html</link>
      <pubDate>Wed, 08 Mar 2006 02:54:13 +0000</pubDate>   
  </item>
  </rdf:RDF>

