<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
  <channel>
    <title>skyline</title>
    <description>这个家伙很懒，什么都没有留下。</description>
    <link>http://skyline.javaeye.com</link>
    <language>UTF-8</language>
    <copyright>Copyright 2003-2008, JavaEye.com</copyright>
    <docs>http://blogs.law.harvard.edu/tech/rss</docs>
    <generator>JavaEye - 做最棒的软件开发交流社区</generator>
      <item>
        <title>text_field_with_auto_complete</title>
        <author>skyline</author>
        <description>
          <![CDATA[
          <br/>
          作者: <a href="http://skyline.javaeye.com">skyline</a>&nbsp;
          链接：<a href="http://skyline.javaeye.com/blog/123686" style="color:red;">http://skyline.javaeye.com/blog/123686</a>&nbsp;
          发表时间: 2007年09月14日
          <br/><br/>
          声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！
          <br/><br/>
          今天在自己的项目里试了一下rails 的 text_field_with_auto_complete.<br />看完书上的例子之后感觉挺简单。按部就班的就开始了。<br />可是在自己的firefox上怎么也不行。用firebug察看了生成的xhr。发现一切正常。<br />返回的数据也对，而且firebug，server log都没有什么错误报告。<br />百思不得其解之后，放弃text_field_with_auto_complete.自己一步一步的写。<br />text_field, div , javascript, server 端的method都写好了。<br />应该万无一失了。可是问题依旧。<br />又是百思不得其解。<br />于是试了一下ie 6 和 ie 7，发现两种方法都可以工作。<br />然后就把注意力放在浏览器上了。<br />实在不明白firefox 和 ie 的内核到底有什么不同。但是同样的rhtml却生成了不同的html.<br />用书上的code从新试了一下。结果依然。<br /><br />rhtml:<br /><pre name="code" class="java">  &lt;%# codecite autocomplete %>
  
  &lt;p>&lt;label for="user_favorite_language">Favorite language&lt;/label>&lt;br/>
  &lt;%= text_field 'user', 'favorite_language' %>&lt;/p>   
  &lt;div class="auto_complete" 
       id="user_favorite_language_auto_complete">&lt;/div>
  &lt;%= auto_complete_field :user_favorite_language,   
        :url=>{:action=>'autocomplete_favorite_language'}, :tokens => ',' %>
  
  &lt;%# codecite autocomplete %>
</pre><br /><br />html in IE:<br /><pre name="code" class="java">
  &lt;p>&lt;label for="user_favorite_language">Favorite language&lt;/label>&lt;br/>
  &lt;input id="user_favorite_language" name="user[favorite_language]" size="30" type="text" value="java" />&lt;/p>   
  &lt;div class="auto_complete" 
       id="user_favorite_language_auto_complete">&lt;/div>
  &lt;script type="text/javascript">
//&lt;![CDATA[
var user_favorite_language_auto_completer = new Ajax.Autocompleter('user_favorite_language', 'user_favorite_language_auto_complete', '/user/autocomplete_favorite_language', {tokens:','})
//]]&gt;
&lt;/script>
</pre><br /><br />html in Firefox:<br /><pre name="code" class="java">
   &lt;p>&lt;label for="user_favorite_language">Favorite language&lt;/label>&lt;br/>
  &lt;input type="text" value="java" size="30" name="user[favorite_language]" id="user_favorite_language" autocomplete="off"/>&lt;p>   
    &lt;div class="auto_complete" 
          id="user_favorite_language_auto_complete">&lt;/div>
     &lt;script type="text/javascript">
     //&lt;![CDATA[
     var user_favorite_language_auto_completer = new Ajax.Autocompleter('user_favorite_language', 'user_favorite_language_auto_complete', '/user/autocomplete_favorite_language', {tokens:','})
     //]]&gt;
     &lt;/script>
</pre><br /><br />firefox里多了一个 autocomplete=off。不知道为什么会这样。<br />尽管发现了区别，可还是不明白。因为书上说要先把浏览器的autocomplete关掉。所以我认为这不是什么错误啊。<br /><br />继续百思，希望求解。
          <br/>
          <span style="color:red;">
            <a href="http://skyline.javaeye.com/blog/123686#comments" style="color:red;">本文的讨论也很精彩，浏览讨论>></a>
          </span>
          <br/><br/><br/>
          <span style="color:#E28822;">JavaEye推荐</span>
          <br/>
          <ul class='adverts'><li><a href='/adverts/41' target='_blank'><span style="color:red;font-weight:bold;">北京: 千橡集团暨校内网诚聘软件研发工程师</span></a></li><li><a href='/adverts/42' target='_blank'><span style="color:red;font-weight:bold;">搜狐网站诚聘Java、PHP和C++工程师</span></a></li><li><a href='/adverts/92' target='_blank'><span style="color:red;font-weight:bold;">快来参加7月17日在成都举行的SOA中国技术论坛</span></a></li><li><a href='/adverts/106' target='_blank'><span style="color:blue;font-weight:bold;">JavaEye问答大赛开始了！ 从6月23日 至 7月6日，奖品丰厚 ！</span></a></li><li><a href='/adverts/97' target='_blank'><span style="color:blue;font-weight:bold;">Oracle专区上线，有Oracle最新文章，重要下载及知识库等精彩内容，欢迎访问。</span></a></li></ul>
          <br/><br/><br/>
          ]]>
        </description>
        <pubDate>Fri, 14 Sep 2007 04:50:13 +0800</pubDate>
        <link>http://skyline.javaeye.com/blog/123686</link>
        <guid>http://skyline.javaeye.com/blog/123686</guid>
      </item>
  </channel>
</rss>